Installing Elfsight apps from Shopify App Store

Elfsight offers a wide range of apps to help you enhance your Shopify store and improve customer experience. Explore all of them in the Shopify App Store and follow this quick step-by-step guide to get your Elfsight widget installed on your store in just a few minutes.

This guide is for Elfsight apps from the Shopify App Store. If you're using a cloud widget from Elfsight.com, follow this Shopify installation guide instead. Not sure which type you have? See Understanding Elfsight Shopify Apps and Cloud Apps.

Choose where to install your widget

Add Your Widget to a Specific Page or Template

Want to display your widget on a specific page or place it in a particular position within a template? Follow the steps below:

Widgets on Shopify are added to templates rather than individual pages. This means the widget will appear on every page using the selected template. If you want it on one page only, make sure that page uses its own template or create a custom template for it.
1
Copy the installation code
In your Shopify dashboard, open your Elfsight app, find the widget on the Widgets tab, and click Install: Then click Copy Code:
2
Choose the template and add the widget block
Select a template from the dropdown and click Add theme block. You'll be redirected to the selected template in the Shopify theme editor, where the widget block will already be added:

What if I don't see Add theme block or the template I need?

If you don't see Add theme block, or the template you need isn't available in the dropdown, you can add the widget directly through the Shopify theme editor.

After copying the installation code, go to Online Store → Edit theme for your current theme:

Once inside the theme editor, open the page or template where you'd like to display the widget:

Click Add section in the preferred position, open the Apps tab, and select your Elfsight app:

Then proceed to Step 3 below.

3
Paste the installation code
Click the widget block and paste the copied code into the Installation code field:
Depending on your theme, the widget may appear directly in the template or inside a separate Apps section. To change its position, move the widget block or the Apps section.
4
Adjust and save the widget
Adjust the widget margins if needed, move it to the preferred position, and click Save:

All done! You have successfully added the Elfsight widget to your website.

Add a Floating Widget to All Pages

Floating widgets appear over the page, while inline (static) widgets appear within your page content. Not sure which type you have? Learn more in Floating and Static Widgets: Understanding the Difference.

Want your floating widget to appear across your whole Shopify store? Follow these steps:

1
Copy the installation code
In your Shopify dashboard, open your Elfsight app, find the widget on the Widgets tab, and click Install: Then click Copy Code:
2
Enable the app embed
Click Enable app embed. You'll be redirected to the App embeds tab in the Shopify theme editor:

What if I don't see Enable app embed?

If you don't see the Enable app embed option on the installation page, you can open the App embeds tab manually from the Shopify theme editor. Go to Online Store → Edit theme for your current theme:

Once inside the theme editor, open the App embeds tab manually:

Then proceed to Step 3 below.

3
Paste the installation code
Make sure the toggle next to the Elfsight app embed is enabled. Click the app embed and paste the copied code into the Installation code field:

You can disable the app embed at any time by switching off its toggle here.

4
Save the changes
Check the widget in the preview and click Save:

Great! You have successfully added the Elfsight widget to all pages of your Shopify website.

Install Your Widget on a Vintage Theme

Vintage themes use Shopify's legacy architecture, which was replaced by Online Store 2.0 in July 2021.

Before you start, open the required Elfsight app in your Shopify dashboard and copy its installation code.

Add an Inline Widget to a Specific Page

Here's how to add the widget to the page you need:

1
In your Shopify website's backend, go to Online Store → Themes and select Customize:
2
When you go to visual editor, the home page is opened by default. To select another page, find it in the dropdown list at the top of the page.

To install the widget, click Add Section:

Then choose the Custom Content section from the list:

3
If needed, click on extra sections of the Custom Content block and click the Remove block button: Press the Add Block button and choose the Custom HTML option: Paste the widget installation code to the HTML field, set the Container width to 100%, and Save the changes:

Done! You have successfully added your Elfsight widget to a specific page of your Shopify website!

Add a Floating Widget to All Pages

To display a floating widget across your Vintage theme, follow the instructions for adding a floating widget to all pages above.

Stuck with installation? Let us help! 🙌 Contact our Support Team, and we'll be happy to assist.

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us