Problem: I can’t add block in my Shopify page.

Solution I

As stated by Shopify, App blocks can only be used with Online Store 2.0 themes. If you are using an older version, you might not be able to add app blocks to your theme. Thus, while adding our application block to your store, you could encounter the issue of not being able to add a block to your page in Shopify; if so, there are a few measures you may do to try to add a block from your liquid code. Here’s a step-by-step guide to assist you:

Step 1 : Firstly, log in to your Shopify admin panel. Navigate to ‘Online Store’ and then click on ‘Themes.

 

 

Step 2: In the Themes section, locate the theme you’re using. Click on the three dots next to it and select ‘Edit code.’ This will open the theme code editor.

 

Step 3: In the theme code editor, locate the ‘Sections’ folder. Click on ‘Add a new section.’

 

Step 4: Give your new section a name; for this demonstration, I’ll call it ‘google-reviews-plus.’ Make sure ‘Liquid’ is selected, and click ‘Done.’

 

Step 5 : Now, replace the existing code with the code provided below and click ‘Save.'”

<script shopify_url="{{shop.permanent_domain}}" defer="defer" src="https://shopify-qode.s3.us-east-2.amazonaws.com/google-review-assets/gr-extension.min.js"></script>
<link href="https://shopify-qode.s3.us-east-2.amazonaws.com/google-review-assets/gr-extension.min.css" rel="stylesheet" type="text/css">
<div id="grp-entangle--root" class="grp-entangle--root"></div>
{% schema %}
{
"name": "Google Reviews Plus",
"settings": [],
"presets" : [
{
"name" : "Google Reviews Plus"
}
]
}
{% endschema %}

 

Step 6 : Once you’ve saved the changes, exit the code editor.

Step 7 : Now, go back to the main Themes page, click on ‘Customize’ next to your active theme.

 

Step 8 : Scroll down and click on ‘Add section.’ Type ‘google’ in the search bar. Look for the section named ‘Google Reviews Plus.’ Select it.

 

Step 9 : Once you see the section named “Google Reviews Plus”, click on “Save”.

 

Step 10 : Now, you should see Google reviews displayed on your store.

Solution II

Here’s an another step-by-step guide to assist you:

Step 1 : Firstly, log in to your Shopify admin panel. Navigate to ‘Online Store’ and then click on ‘Themes.

 

Step 2 : In the Themes section, locate the theme you’re using. Click on the three dots next to it and select ‘Edit code.’ This will open the theme code editor. (It’s always advisable to duplicate your theme before making any code modifications.)

 

Step 3 : Go to Layout > theme.liquid and add the following code anywhere inside <head> </head> tag.

<script shopify_url="{{shop.permanent_domain}}" defer="defer" src="https://shopify-qode.s3.us-east-2.amazonaws.com/google-review-assets/gr-extension.min.js"></script>
<link href="https://shopify-qode.s3.us-east-2.amazonaws.com/google-review-assets/gr-extension.min.css" rel="stylesheet" type="text/css">

 

Step 4 : Go to Sections > and add below code where you want to display the reviews. This code can also be added to Pages. If you want to display reviews on all pages, you can paste the code in the footer. ( Mostly sections > footer.liquid )

<div id="grp-entangle--root" class="grp-entangle--root"></div>

 

Please note that section names can be different based on the theme you are using and the place where you want to display the reviews. If you find difficulty finding the section, please contact our customer support. 

Remember that each Shopify store setup can vary, and the exact steps you need to take might depend on your specific situation. If you’re not comfortable troubleshooting these issues on your own, reaching out to Entangle Commerce support might be a good option. To reach out to our support please write us to support@entanglecommerce.com.