Integrating Growave with EComposer Landing Page Builder

EComposer is a third-party Shopify app that allows you to design your online store without relying on external help. With its drag-and-drop interface and rich template library, you can quickly build and customize the following page types:

  • Landing pages
  • Home pages
  • Product pages
  • Collection pages
  • Standard pages (About Us, Contact, FAQ, etc.)
  • Blog and article pages
  • Sections and footer builders

By integrating EComposer with Growave, you can enhance your store pages with loyalty, review, wishlist, and Instagram widgets to increase engagement and conversions.

Add Growave widgets to EComposer pages

Follow these steps to install and use Growave extensions in EComposer:

Step 1. Install EComposer and enable Theme Helper

Install EComposer from the Shopify App Store. In Shopify admin, go to Online Store → Customize, open the App embeds panel, and enable the EComposer Theme Helper toggle.

Step 2. Create a new page

In the EComposer admin, go to the Landing & Pages section and click Create a new page. 

Select your desired page type (e.g., Product page) and choose a template:

Configure general settings like template name, slug, header, and footer. Click Start building:

Choose how to insert the template, and click Insert:

Step 3. Install Growave widgets

In the left-side menu, click the Extension library icon. Search for Growave, then install the desired widgets.

In the pop-ups that follow:

  • Confirm Growave is already installed by clicking Yes, app installed

  • Click Save and reload to finalize the widget installation. It may take some time for Growave widgets to be ready for embedding into the page:

Step 4. Add Growave widgets to the page

Once installed, go to the Elements panel, open the Extensions section, and select the desired Growave widget.

Drag and drop the widget into the desired location on your page. Adjust content and settings as needed.

Step 5. Save and publish

After placing and configuring your widgets, click Save and Publish the page.

Available Growave widgets in EComposer

Wishlist button

Allows customers to save favorite products and receive notifications when items go on sale, are back in stock, or are low in stock.

You can also apply a custom CSS class to the wishlist button using the Button class attribute field. To ensure the custom class works correctly, make sure to disable the shadow root for the Growave app

Star rating

Displays the product’s average rating to build trust and support conversion.

  • Make sure your product has reviews added and the Reviews app is configured in Growave. Learn how to configure the Reviews app.
  • Drag and drop the widget into your page layout:

Instagram UGC widget

Converts Instagram content into shoppable galleries to drive conversions from user-generated content.

  • Connect your Instagram account in Growave and create shoppable Instagram gallery. Learn how to set up Instagram UGC.
  • Copy the gallery ID you want to embed. In Growave admin, go to Instagram UGC → Galleries tab → find Gallery ID in the upper left corner of the gallery card:

  • Add the widget in EComposer, include the gallery ID in the widget settings, and select gallery layout:

Review slider

Showcases product and site reviews in a slider format to attract attention and improve social proof.

Review widget

Displays individual reviews and testimonials on product pages to improve engagement and SEO.

  • Confirm that the Reviews app is active and configured in Growave. Learn how to configure the Reviews app.
  • Place the widget in your EComposer layout and customize its design:

After adding all the widgets, make sure to save your changes.

Below is an example of how Growave widgets appear when used with the EComposer page builder:

Your Growave widgets are now live in EComposer. If you have questions or need assistance, contact us at support@growave.io or use the chat icon in the bottom-right corner of your admin panel. We're here to help! 🤗