How to insert an Add-on to your page

This article will guide you through the steps on how to add an add-on to your page with EcomSolid. To have an overview of our add-ons, please check out this article.

How to insert an add-on to your page

Step 1: From the EcomSolid Dashboard, select Customize to access the Theme Editor.

Step 2: There are two ways to access the list of EcomSolid add-ons.

Method #1:

Select the Add-ons tab in the sidebar of your Editor. Click on the “Add Add-on” button.



Method #2:

Access the Library from the top bar of the Editor.



Click on “Add-ons” on the left sidebar, which contains all the EcomSolid add-ons, including the native and third-party integrations. 



Step 3: Use the search bar to locate your preferred add-on and hit “Add” to insert it into your Editor.



Some add-ons are only available from the Professional plan marked by the Pro label. You still can add them to your Editor page if you're under a Free plan. However, they won't be visible on the live store after you publish the page.  Click here to explore more about the multiple plans we offer.                                                                                                                                                                                                                                                                                                         


Step 4: When clicking on the add-on, you will find its configuration options in the left sidebar, including the Content and Design tabs.


Under the Content tab, hit the "Pick the position” drop-down menu to select a position from the list for your add-on. 

Otherwise, click on “Change position.” You will be able to drop the add-on to a specific position. 

  • For the position marked with the Plus icon, hit the icon to select the position.
  • For other highlighted positions, you will have the option to pick the position above or below them.


Navigate to the Design tab. You can also customize the Margin (space outside an image's border) and Padding (the space inside an add-on, between the image and its border). In the Padding and Margin parameters, each of them has four empty boxes that allow you to fill in the value for four directions: top – right – bottom – left.



You might see some settings are marked with a Desktop icon. That means you will be able to control the display among different devices by clicking on the respective icon at the top of your Editor.
Other setting options will vary depending on the add-on you have selected.

Frequently Asked Questions - FAQs

How to use the Third Party Add-ons?

When using a third-party add-on, you will need to first install the application on the Shopify App Store. After the installation, you can easily access the app dashboard from your Shopify Admin. 



Kindly be aware that EcomSolid only fetches the data from the app to display on your page. That means all the app settings should be finalized from the third-party app dashboard to show on your page correctly.


In case you have any concerns related to the app settings, it’s recommended to contact the app team directly. Check out this article from Shopify to know how to get app support.

Unable to insert the add-on?

Some add-ons will not work on all types of pages. If you cannot click on the "Add" button, the most common reason is that you are on a page that doesn’t support that add-on. Please try with other page types.


That's it! If you run into any problems, please get in touch with our Customer Support via email or live chat.

Was this helpful?