How to Set Up and Inject the Editorify Snippet Code manually

Initial Setup

After installing Editorify, you need to activate the script in your theme:

1. Access the Shopify Admin Dashboard:

- Log in to your Shopify admin account

2. Navigate to Theme Settings:

- Go to 'Online Store'

- Click on 'Themes'

- Find your current theme and click 'Customize'

3. Activate the Editorify Script:

- In the theme customization section, click "App embeds"

- Turn ON the Editorify embed switch

- Click "Save" in the top right corner

Editorify Theme Blocks

The app will automatically integrate with your published theme after activation. You can customize the placement of reviews and star ratings using theme blocks:

1. From your theme editor, go to the product page

2. Look for the Editorify Reviews block and Editorify Star Rating block

3. Drag and drop these blocks to your preferred location on the page

4. Click "Save" when done

For detailed instructions on customizing block placement, see our Block Customization Guide.

If your theme doesn't support blocks or you're experiencing issues with the automatic integration, you can use the manual injection method below.

Manual injection method - available Snippet Codes

There are several snippet codes you can inject into your theme:

- Review list and form

- Product page rating stars

- Collection page rating stars

- Homepage slider

- Homepage store rating

- Featured collection rating

Review comments

To add the product review list and submission form to your product page:

1. Go to Online store → Themes → Find your theme → Action → Edit Code

2. Open the product.liquid file in the Templates or Sections folder

3. Add this code where you want the reviews to appear:

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

Product Page Rating Stars

To add rating stars below the product title:

1. Go to Online store → Themes → Find your theme → Action → Edit Code

2. Open product-template.liquid or product.liquid in the Sections folder

3. Add this code below where the product title appears:

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

Collection Page Rating Stars

To add rating stars to products in collection pages:

1. Go to Online store → Themes → Find your theme → Action → Edit Code

2. Locate the appropriate template file (could be one of these):

- product-card-grid.liquid

- product-card.liquid

- product-grid-item.liquid

- product-thumbnail.liquid

- product-info.liquid

3. Add this code where you want the stars to appear:

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

Note: Replace {product_id} with the actual product ID from your template code.

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 %}

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