Error in a deep link for adding app block extension

Extensions
1

I have an issue with using a deep link for adding an app block extension. I use recommendations from the official discussion Theme app extension configuration :

https://<myshopifyDomain>/admin/themes/current/editor?template={template}&addAppBlockId={uuid}/{handle}&target=sectionId:{sectionId}

I get the issue ‘’“My-application” not added. There is a problem with the app block. Contact the app developer.’ I get this issue in different browsers.

Also I found that this issue happened before: https://community.shopify.com/c/extensions/there-is-a-problem-with-the-app-block-contact-the-app-developer/m-p/2776842/highlight/true#M4142

I followed advice from this link. I allowed using 3rd party cookies in my browser and it started working. Of course it’s ok for local development but it’s not a production ready solution. Users will not open the settings and set something in the “Privacy” tab.
Do you have any plans for fixing this issue for all browsers?

2

I have successfully added my app block extension using a deep link, and it worked without any issues. Below is the sample link:

https://example.myshopify.com/admin/themes/current/editor?template=product&addAppBlockId=123er45-0ujk-0987-b1erty-yh56dfrpp987/star_rating&target=mainSection

Can you please provide any additional detail?

3

I use a deep link in Safari. The default state in Safari for the “Prevent cross-site tracking” option is enabled.

Screenshot 2024-11-20 at 11.08.03
Screenshot 2024-11-20 at 11.08.031622×378 66.4 KB

In this case the deep link doesn’t work. When I turn off the option everything works perfectly.
Safari users are the valuable part of our customers and make them change default Browser setting for clicking the link inside the Shopify ecosystem is not an ideal solution.

4

Hi. I used the same link with changes according to my app. But, still the error persists. So is there anything we need to change with liquid and js files? Could you provide some more details on how it worked for you.

My workflow is designed to be in the following manner: I have a js file in the assets directory which holds the complete coding logic of what to display. I have a template code in liquid and in schema added this js file to change with dynamic values to replace code template written in liquid file. The link navigates to theme editor correctly, but the same error mentioned by @Denis_Kirichenko is shown up. Could you provide some more assistance with this @AMaL ?

5

Have you tried the link in the format below

https://${shopDomain}/admin/themes/current/editor?template=cart&addAppBlockId=${APP_ID}/widget&target=sectionId:cart-footer

6

Have you tried the link in the format below
https://${shopDomain}/admin/themes/current/editor?template=cart&addAppBlockId=${APP_ID}/widget&target=sectionId:cart-footer

Not exactly. I tried

https://{domain}/admin/themes/current/editor?template=product&addAppBlockId={uuid}/{handle}&target=mainSection

because we develop an extension for a product page

7

Okay so I had a similar problem and did everything Shopify support asked me and followed everything in the docs and nothing worked. Then I tried tracing the deep link from an app on the app store where it actually worked and copied its URL structure and it finally worked for me. Here is the URL structure that I used to turn on the app embed for a theme app extension:

 const url = `https://${shopDomain}/admin/themes/current/editor?context=apps&template=index&activateAppId=${extensionId}/${blockHandle}&target=newAppsSection/app-embed`;