All Categories Troubleshooting How to Manually Add Editorify Code to Your Shopify Theme

How to Manually Add Editorify Code to Your Shopify Theme

Some themes don’t support Shopify’s block editor.

No problem. I’ll walk you through how to manually add Editorify code snippets to your theme so you can display reviews, star ratings, and more on your store pages.

💡 You can skip this step!
If you successfully activated the Editorify script (Step 1) and added the Editorify blocks in your theme editor (Step 2), you’re all set — no need to add any code manually.

Only follow the steps below if your theme doesn’t support blocks or the automatic integration didn’t work for your store.


📦 Product Review List + Form

Add this to your product page:

<section id='editorify_review_list_container' class="shopify-section"></section>

⭐ Product Page Rating Stars

image.png

Add this under the product title:

<div id='editorify_rating_stars_container'></div>

image.png

🛍️ Collection Page Rating Stars

Use this code (replace {product_id} with your template’s product ID):

<div class="editorify-rating" data-id="{product_id}"></div>

Possible files to edit:

  • product-card-grid.liquid

  • product-card.liquid

  • product-thumbnail.liquid

  • product-info.liquid

image.png


🏠 Homepage Features

Review Slider

<section id="editorify-slider-container" class="shopify-section"></section>

Store Rating

<section id="editorify-store-rating-container" class="shopify-section"></section>

🎉 “Happy Customers” Page (Gold Subscribers Only)

  1. Go to Online StoreThemesEdit Code

  2. Open the page.liquid file

  3. Add this snippet:

{% include 'editorify_widget', custom_page:true %}

🤝 Need Help?

Not sure where to place the code?
📩 Click here to contact us


Homepage Features

Homepage Slider

To add the review slider to your homepage:

<section id="editorify-slider-container" class="shopify-section"></section>

Store Rating Display

To add the overall store rating to your homepage:

<section id="editorify-store-rating-container" class="shopify-section"></section>

Happy Customer Page (for gold subscribers only)

  1. Go to your Online store -> Themes -> Find the Theme that you want to add code -> Action -> Edit Code.

  2. Open Page.liquid file in Templates section folder then copy the code below and paste it same as we show in the image below.

{% include 'editorify_widget', custom_page:true %}

CleanShot-2024-10-22-at-18.43.01@2x.png

Need help to place the code? click here to contact us

Was this article helpful?

Thanks for your feedback!