# Ecombe Help Center

Your complete guide to create a stunning page with Ecombe and more

{% hint style="success" %}
Pro Tip: Use the search bar at the top to find what you need quickly!
{% endhint %}

## Browser help by category

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Basic things to start using Ecombe.</td><td data-object-fit="cover" data-alt="Cover for the Getting Started section"><a href="/files/jt0JqJxuJeUBm0ZCD2Hi">/files/jt0JqJxuJeUBm0ZCD2Hi</a></td><td></td><td><a href="/pages/z40QieczQKQL1F89v3dG">/pages/z40QieczQKQL1F89v3dG</a></td></tr><tr><td>Learn how to creating, customizing, and managing pages and sections in Ecombe.</td><td data-object-fit="cover" data-alt="Cover for the Page and Section creation section"><a href="/files/Ovv2RsBY24usa1Ds6WtC">/files/Ovv2RsBY24usa1Ds6WtC</a></td><td></td><td><a href="/pages/gJlmKKDO0FXix1khv0RG">/pages/gJlmKKDO0FXix1khv0RG</a></td></tr><tr><td>This guide introduces the Ecombe Editor and its core functions, helping you build, customize, and optimize your store more effectively.</td><td data-object-fit="cover" data-alt="Cover for Editor and Functions section"><a href="/files/Gp9ot6rBSG7SB96zjadw">/files/Gp9ot6rBSG7SB96zjadw</a></td><td></td><td><a href="/pages/tM5Jc2ZyyhymZkTrO9VJ">/pages/tM5Jc2ZyyhymZkTrO9VJ</a></td></tr><tr><td>This guide explains how to integrate Shopify apps into your store and recommends essential, popular apps to help you enhance functionality and grow effectively</td><td data-object-fit="cover" data-alt="Cover for Integration section"><a href="/files/iKBYt1AccpQi6lhjpgnz">/files/iKBYt1AccpQi6lhjpgnz</a></td><td></td><td><a href="/pages/zHuHuNZBLLf31kHfH0Ql">/pages/zHuHuNZBLLf31kHfH0Ql</a></td></tr><tr><td>Find solutions to the issues users encounter most often, along with clear explanations and fixes.</td><td data-object-fit="cover" data-alt="Cover for FAQ and Troubleshooting section"><a href="/files/q5o8nz7padEH56WQsJMb">/files/q5o8nz7padEH56WQsJMb</a></td><td></td><td><a href="/pages/S0hqGOuAr9tlWPad4I3q">/pages/S0hqGOuAr9tlWPad4I3q</a></td></tr><tr><td>This guide explains the code structure behind Ecombe sections and shows you how to build a custom section from scratch.</td><td data-object-fit="cover" data-alt="Cover for Structure section"><a href="/files/rLmPWmoPgowDX3yXAz0R">/files/rLmPWmoPgowDX3yXAz0R</a></td><td></td><td><a href="/pages/cFmjb8i2Fq7WCOfbxvdV">/pages/cFmjb8i2Fq7WCOfbxvdV</a></td></tr></tbody></table>

## Need help?

We're here to help you succeed with Ecombe.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Live chat</strong></td><td>Get instant answer from Ecombe Customer Success</td><td></td><td></td><td><a href="https://ecombe.com/">https://ecombe.com/</a></td></tr><tr><td><strong>Email support</strong></td><td>support@ecombe.com</td><td></td><td></td><td></td></tr></tbody></table>

## Popular resources

{% content-ref url="/pages/RHskqtafEnyy1qSvBXu2" %}
[Quick start guide](/getting-started/setup-and-quick-start/quick-start-guide)
{% endcontent-ref %}

{% content-ref url="/pages/MDlzAcCG8xrf2V724KMd" %}
[Change your plan](/getting-started/account-and-billing/change-your-plan)
{% endcontent-ref %}

{% content-ref url="/pages/cXkYAYgLRHYl6VY8p9va" %}
[What type of pages does Ecombe support](/pages-and-section-creations/general/what-type-of-pages-does-ecombe-support)
{% endcontent-ref %}

{% content-ref url="/pages/tBtJlaPcCrVeCOgja3O6" %}
[How to integrate 3rd app into Ecombe Page](/shopify-apps-integration/how-to-integrate-3rd-app-into-ecombe-page)
{% endcontent-ref %}


# What is Ecombe?

Introducing Ecombe

\[ Video intro Ecombe ]

### What is Ecombe?

If you’re a Shopify beginner, a new dropshipping merchant, or simply someone looking for a simple, easy to start page builder, Ecombe is exactly what you need.

With Ecombe, you can create a beautiful, high converting store just by choosing a template and editing it.

**No coding, no drag and drop complexity. Just pick, edit, and publish.**

Designed with the mission of **helping merchants of all levels launch better e-Commerce experiences**, Ecombe makes it effortless to set up your store, customize your pages, and grow your sales.

### Why Ecombe?

1. **Easy to Use:** No learning curve, no complex options.&#x20;
2. **The central hub of every eCommerce layouts:** find all layout you need, optimize for speed and sale driven.&#x20;
3. **Built-in Advanced Features:** Everything you need to optimize your store to rocket your sale. All in one place.&#x20;
4. **Five stars support team:** Trusted by over 100,000 merchants, get help from our experienced support team, available 24/7.

### Key Feature

<details>

<summary>Easy Editor</summary>

Ecombe is designed to be the easiest page builder for Shopify. The editor follows the Shopify Customizer, so there’s no learning curve. You don’t need to drag and drop, avoiding messy layouts or performance issues. Options are kept minimal and focused on essential, easy-to-understand adjustments—no complex or abstract settings. Instead of building from scratch, you can simply choose a template and customize it, saving time and ensuring consistent, high-quality results.

</details>

<details>

<summary>Every Ecombe for eCommerce</summary>

Ecombe provides a newly redesigned template library focused on performance and sales-driven functionality to help improve conversions. With a collection growing toward thousands of layouts, you can easily find designs that fit any eCommerce use case.

</details>

<details>

<summary>Build-in Advance Features</summary>

Ecombe integrates advanced features directly into the Editor, including A/B testing, Analytics, Performance and SEO optimization, Live Translate, and Multi-Market support. Everything you need to optimize and scale your business. All in one place.

</details>

<details>

<summary>Mobile-first, always.</summary>

Every Ecombe template is crafted with a mobile-first mindset, because over 85% of visitors shop from their phones.

</details>


# Setup and Quick start

New to Ecombe? Setup and quick start will guide you through the steps to install Ecombe on your Shopify store and quickly build your first page.

#### In this section:

{% content-ref url="/pages/cGwVH0JUlf1tY4xNB9KP" %}
[How to install Ecombe](/getting-started/setup-and-quick-start/how-to-install-ecombe)
{% endcontent-ref %}

{% content-ref url="/pages/RHskqtafEnyy1qSvBXu2" %}
[Quick start guide](/getting-started/setup-and-quick-start/quick-start-guide)
{% endcontent-ref %}

{% content-ref url="/pages/QP0bdQjZHWEb9khesPoV" %}
[How to use Ecombe](/getting-started/setup-and-quick-start/how-to-use-ecombe)
{% endcontent-ref %}

{% content-ref url="/pages/JA6pvDGEyGz8Xas7NWbr" %}
[How to Create New Page with Ecombe Templates](/getting-started/setup-and-quick-start/create-a-new-page)
{% endcontent-ref %}

{% content-ref url="/pages/0Uf3Rqt12T05pNZc4apo" %}
[How to contact support via Live chat](/getting-started/setup-and-quick-start/contact-support)
{% endcontent-ref %}


# How to install Ecombe

In this article, we’ll guide you through the process of installing Ecombe on your Shopify store step by step.

{% hint style="info" %}
To explore more about our pricing plan and select your best fit. Check out [this article](/getting-started/account-and-billing/plan-and-pricing)
{% endhint %}

## Install Ecombe app to your store

{% stepper %}
{% step %}
**Visit** [**Ecombe Main Website**](https://ecombe.com/)

On the homepage, click on the **Start with free plan now** button. This will redirect you to the Shopify app store.
{% endstep %}

{% step %}
**Install Ecombe app**

After step 1 you will be redirected to the Ecombe Shopify App Store.

Click **Install** to install Ecombe app.
{% endstep %}

{% step %}
**Confirm installation**

After clicking Install from Shopify App store. The system will ask you to confirm the app installation.

Click **Install** to confirm the installation of the Ecombe app for your store.

After finishing the installation, you will be sent to the Ecombe Builder Dashboard. From here, you can create a new page, manage your page and adjust app settings.

For an overview of how to use Ecombe, check out [this article](/getting-started/setup-and-quick-start/how-to-use-ecombe).

Otherwise, you can access the dashboard at any time from the **Apps section** of your **Shopify admin**.
{% endstep %}

{% step %}
[**Start using Ecombe**](/getting-started/setup-and-quick-start/how-to-use-ecombe)
{% endstep %}
{% endstepper %}


# Quick start guide

## Overview

In this article, we will walk you through the basic settings to get Ecombe ready to work with your theme.

## Setting up Ecombe

{% stepper %}
{% step %}
**Enter your store password**

{% hint style="success" %}
Steps:

1. Access Ecombe app and click **Preference** in the left column.
2. Click Store settings in **Preference page.**
3. Fill your store password.
4. After complete fill your store password, click **Save** to save your change.
   {% endhint %}

{% hint style="warning" %}
If your store is protected by a password, please enter it to continue using Ecombe – Easy Page Builder. If your storefront password is already disabled, you can skip this step.
{% endhint %}

If you don't know how to get your store password, check out [this article.](/faq-and-troubleshooting/faq/how-to-get-store-password)
{% endstep %}

{% step %}
**Enable Theme app extensions**

To ensure all features work smoothly and the best experience, you need to enable the **Theme app extensions.**

{% hint style="success" %}
Steps:

1. Access Ecombe app and click **Preference** in the left column.
2. Click **Theme app extensions.**
3. Click **Enable Now** to enable the **Theme app extensions.**
   {% endhint %}

After successfully enabling the theme app extension, **the system will notify "Theme helper Enable"**.
{% endstep %}

{% step %}
**Start building your first page**

[Create your first page](/getting-started/setup-and-quick-start/create-a-new-page)
{% endstep %}
{% endstepper %}


# How to use Ecombe

## **How to Install Ecombe**

If you have already installed the app, you can skip this step and move to the next section.

If not, visit [**Ecombe.com**](https://ecombe.com) and click **Start with free plan now**. You will be redirected to the Shopify App Store to install Ecombe on your store.\
Learn more about the installation process [here](/getting-started/setup-and-quick-start/how-to-install-ecombe).

***

## **How to Access Ecombe**

In your **Shopify Admin**, go to:

**Apps → Ecombe Builder**

You will then be redirected to the **Ecombe Dashboard**.

<figure><img src="/files/sPV5Y7ZF2juZaYxlFxXu" alt=""><figcaption></figcaption></figure>

***

## **Ecombe Menu Navigation**

After accessing Ecombe, the Shopify sidebar will show the following menu:

#### **Welcome Dashboard**

Includes plan & usage, recently edited pages, support channels, and change logs.&#x20;

<figure><img src="/files/pIG13DF25cR2BpyaBiCy" alt=""><figcaption></figcaption></figure>

#### **Pages**

Manage all pages and sections created with Ecombe. Learn more about how to manege all Ecombe page and section in this [article](/pages-and-section-creations/general/pages-and-sections-management).

<figure><img src="/files/1Or0aisWMELsbcymNCJH" alt=""><figcaption></figcaption></figure>

#### **Analytics**

View your page performance. Lean more about using Ecombe Analytics to tracking your page in this [article](/editor-and-functions/store-optimization/analytics).

#### Global styles

Extra functions that work with the Ecombe Editor such as Global styles and Color Swatches. Learn more about how to use Ecombe Global styles to keep your entire site stays visually consistent in this [article](/pages-and-section-creations/general/global-theme-styles).

<figure><img src="/files/Kkqy80GJCE6zR83glRSg" alt=""><figcaption></figcaption></figure>

#### **Preferences**

Manage plan information, analytics, account settings, store settings, theme management, theme app extensions, add code, and danger zone.&#x20;

<figure><img src="/files/B8Jk6uYDf0fIdROrhNMN" alt=""><figcaption></figcaption></figure>

***

## **Get Started with Ecombe**

### **1. Complete the Guiding Tasks**

On the Ecombe Dashboard, complete four quick tasks to get started:

1. View a quick introduction about Ecombe
2. Enter your store password
3. Enable the Ecombe Theme Helper
4. Create your first page

<figure><img src="/files/luPf4rt2LdesTfydQHxo" alt=""><figcaption></figcaption></figure>

### **2. Get Familiar with Key Editor Features**

Below are the essential features of the Ecombe Editor so you can understand how everything works.

<figure><img src="/files/CW1vftQmSi3GmRIR7lXm" alt=""><figcaption></figcaption></figure>

#### **Left Sidebar**

1. **Page Content:** displays all content within the page.
2. **Performance & SEO:** measure page performance and SEO metrics.
3. **A/B Testing:** create and manage A/B testing campaigns.
4. **Assignment:** assign templates to products, collections, blogs, or blog posts.
5. **Save Version:** save versions and restore previous edits when needed.
6. **Page Settings** configure page title, URL, and other page settings.

<figure><img src="/files/q3ZdP7ixHa9whP2pn1k2" alt=""><figcaption></figcaption></figure>

***

#### **Top Center Bar**

1. **Template version A/B:** independently edit version A and B for A/B testing (Only appears when you create an A/B testing campaign)
2. **Live Translation:** translate your page directly inside the Editor.
3. **Multi-market Support:** create and customize layouts for each market.

<figure><img src="/files/uTZiu3TMyMxeHVICdBhv" alt=""><figcaption></figcaption></figure>

***

#### **Top Left Bar**

1. **Inspector:** The Inspector toggles element settings on or off, helping you focus your design when needed.
2. **Editing Mode:** switch between desktop, tablet, mobile or view in full screen.&#x20;
3. **Redo & Undo:** full control to correct mistakes or restore previous changes.
4. **Publish Button:** publish your page to the storefront.

<figure><img src="/files/S2RHSnReuzA0oixVQqV9" alt=""><figcaption></figcaption></figure>

In addition to the features above, to help you have a better experience during the editing process, we provide an additional dropdown menu including:

1. **Preview:** preview page on Storefront without affecting the live page.
2. **View live:** view the current page displayed on Storefront.
3. **Export and Import:** export and import Ecombe page.

<figure><img src="/files/HvfQfmntitfwRyWGurlx" alt=""><figcaption></figcaption></figure>

***

### **3. Edit, Save and Publish**&#x20;

Click any element inside a section to **Edit** your page then click **Save** to store your changes. Once saved, you can **Preview** the page to see how it appears on your storefront without affecting the live page.

Click **Publish** to make the page live.

\[ Video ]&#x20;

***

## **Page Statuses and Their Meanings**

Understanding page statuses helps you manage your content efficiently:

#### **Published**

A live page visible to store visitors.\
If you edit a published page:

* Click **Save and Publish** to update the live version
* Clicking **Save** only updates the preview version

#### **Unpublished**

Your page is not visible to customers.\
Use this status for pages still in progress or pages you don’t want to show publicly yet.

## **Frequently Asked Questions**

#### I can't see the page after publishing it?

After publishing your Ecombe landing page, if you can't find it in your Shopify store, you need to link it to your Shopify navigation. Please check this [article](/faq-and-troubleshooting/common-issues/ecombe-page-not-showing-on-storefront).

#### How many page can I create in Ecombe?

Ecombe allows you to create numerous pages, but the number you can publish depends on your chosen plan.

For instance, the Free plan lets you publish 1 page or section (equivalent to 1 slot). Upgrading to the 10-slot plan grants you the ability to publish 10 pages or sections.

#### How many type of pages can I create in Ecombe?

Ecombe support **seven page type**: Landing page; Homepage; Product page; Collection page; Blog page; Blog post page; Shopify Section.

#### **Can I restore Shopify Default Homepage after publish Ecombe Homepage?**

Yes, you can restore your Shopify Default homepage after pubish Ecombe Homepage. Please check this [article](/pages-and-section-creations/general/pages-and-sections-management#how-to-restore-default-template).

#### **What is different between home page and landing page (regular page)?**

The home page gives an overview of your store and guides visitors to different sections to showcase your products, catering to all types of customers. A landing page is focused on a single product or promotion, designed to drive a specific action like making a purchase or signing up.


# How to Create New Page with Ecombe Templates

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to contact support via Live chat

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Essential Preferences Setup

## Overview

**Preferences** is the central place to manage all settings related to your Ecombe app. From here, you can review your plan details, access analytics, manage account and store settings, manage theme configurations, enable theme app extensions, and handle code-related tasks.

This section helps you to ensure the features work properly and meet your needs.

<figure><img src="/files/R6Jj9xJ2ddA8VnGQznyd" alt=""><figcaption></figcaption></figure>

### Manage Ecombe Plan

Manage details about your current plan, including the plan name and plan information.\
You can change your plan by clicking **Switch Plan**.

{% hint style="info" %}
Check [this article](/getting-started/account-and-billing/change-your-plan) to learn more about changing plans.
{% endhint %}

<figure><img src="/files/3BASLBtx6rxNl9KNTpcE" alt=""><figcaption></figcaption></figure>

### Enable Ecombe Analytic

Set up and configure Analytics to track user behavior and improve your sales performance.

To enable **Ecombe analytics**, check the corresponding checkbox.

{% hint style="info" %}
Learn more about How to setup and use Ecombe Analytics in [this article](/editor-and-functions/store-optimization/enable-ecombe-analytics).
{% endhint %}

<figure><img src="/files/Ayde0pEaFPbDjKgBdq58" alt=""><figcaption></figcaption></figure>

### Manage Account Information

Manage your account information with Account Setttings.

<figure><img src="/files/29XvOTdIYchr4jrg8zIv" alt=""><figcaption></figcaption></figure>

### Update Store password

In case your store has a storefront password, enter the password here so that Ecombe can work smoothly with your theme.

<figure><img src="/files/iQDXiEaFJGrJSNiyCy4F" alt=""><figcaption></figcaption></figure>

#### Frequently Asked Questions

**Why I need to enter my store password?**

If you have a storefront password, you need to enter it in order to see your store's theme in Ecombe. Don't worry, your store is still password protected.

**Why does it show "Incorrect password" even after I changed my password and updated it in Store Settings?**

If you update your password multiple times in a short period, Shopify may temporarily block requests for security reasons. Please wait around **15 minutes**, then try updating the password again.

### Layout synchronization

If you change your theme, you can sync all Ecombe layouts to the new theme. After syncing, any pages with unpublished sections or updates will be fully published.

<figure><img src="/files/9lCcWvx4U9TYl5frap3Z" alt=""><figcaption></figcaption></figure>

You can optionally sync all layouts or just the layout you need by open **dropdown menu** and **choose the layout** you want. By default all layouts will be synchronized.

{% hint style="success" %}
Steps:

1. Open **Dropdown menu.**
2. Choose **the layout you want to sync.**
3. Click **Start sync** to sync your layout.
   {% endhint %}

### Enable Theme app extensions

Enable theme app extension to ensure Ecombe works smoothly with your store front.

Click **Enable now** to enable Ecombe theme app extensions.

<figure><img src="/files/lToSAXO2bcLAzgCLJm9f" alt=""><figcaption></figcaption></figure>

### Swatch colors

Create a swatch to use in your Ecombe templates. To learn more about using Swatch Color, please refer to this [article](/editor-and-functions/editor-features/how-to-setup-color-swatches#how-to-display-color-swatches-from-app-settings).

<figure><img src="/files/la7lyuyrKfOCROBaIrNo" alt=""><figcaption></figcaption></figure>

### Add code to your theme

Add your custom CSS for advanced editing.

{% hint style="warning" %}
CSS added here will affect your entire current theme, including pages created in Ecombe and all remaining pages in your current theme.
{% endhint %}

<figure><img src="/files/TSJHnKFbEcVGLgILhh7T" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps:

1. Add your CSS code.
2. Click the **Save button** to save and apply your code to all page in your theme.
   {% endhint %}

### Danger zone

Cancel Ecombe subscription and downgrade to Free plan. To cancel your plan, click **Cancel Plan**.

<figure><img src="/files/ArRI3mvYJCM15UEtNljx" alt=""><figcaption></figcaption></figure>

**Note**: Canceling your plan will Downgrade your account back to **the Free plan**. If you have more than one published page, the system will ask you to unpublish extra pages or sections before downgrading. To learn how to unpublish a page, please check [this article](/pages-and-section-creations/general/pages-and-sections-management#publish-and-unpublish).

<figure><img src="/files/flVrf71InaHK4QIR4nAQ" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# Account and Billing

Providing you with all the information about Ecombe pricing and billing you need.

#### In this section:

{% content-ref url="/pages/eZCIuXdY08pg4gouTK2g" %}
[Account and Billing](/getting-started/account-and-billing)
{% endcontent-ref %}

{% content-ref url="/pages/4o0V7CqSePB3nWlvJ8rg" %}
[Plan and Pricing](/getting-started/account-and-billing/plan-and-pricing)
{% endcontent-ref %}

{% content-ref url="/pages/MDlzAcCG8xrf2V724KMd" %}
[Change your plan](/getting-started/account-and-billing/change-your-plan)
{% endcontent-ref %}

{% content-ref url="/pages/OeUZz92jgFocZVTZBJde" %}
[Refund policy](/getting-started/account-and-billing/refund)
{% endcontent-ref %}

{% content-ref url="/pages/ckOtk4DRYV8T2LO1nG7I" %}
[Uninstall Ecombe app](/getting-started/account-and-billing/uninstall)
{% endcontent-ref %}


# Free Trail

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Plan and Pricing

Selecting a suitable plan in Ecombe

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!

##


# Change your plan

Learn how to upgrade, downgrade and cancel your plan.

## Can I upgrade or downgrade my Ecombe plan?

You can change your Plan to suit your actual usage situation. Just visit Ecombe's Switch Plan page.

Any changes to your Plan will take effect immediately.

{% hint style="warning" %}
What happens if I downgrade my plan? Please check [this article](/faq-and-troubleshooting/faq/what-heppened-if-i-downgrade-my-plan).
{% endhint %}

## Here's how to upgrade or downgrade your plan <a href="#switch-plan-page" id="switch-plan-page"></a>

{% stepper %}
{% step %}
**Access Switch plan page**

{% hint style="success" %}
Steps:

1. Access Ecombe app and click **Preference** in the left column.
2. Click **Plan information.**
3. Click **Switch Plan**.
   {% endhint %}

{% hint style="info" %}
On the **Plan Information** page you will see your **current plan.**\
In this case is PayG 10-slot = Pay as you go 10-slots.
{% endhint %}
{% endstep %}

{% step %}
**Choose the plan you want to upgrade or downgrade**

After step 1, you will redirect to Switch plan page. Pick the plan you want to upgrade or downgrade to.

Pick the plan you want then click **Upgrade** to upgrade your plan or **Downgrade** to downgrade your plan.
{% endstep %}

{% step %}
**Plan confirmation**

After step 2, you will be redirect to **Plan confirmation page.**

You can choose to add the Add-on package or not then select **Confirm detail.**

After **Confirm detail** you can **enter the discount code** and select **Start plan**.
{% endstep %}

{% step %}
**Approve subscription**

After clicking start plan, Shopify system will take you to **Approve subscription page**.

Select **Approve** to confirm Plan activation and payment.
{% endstep %}

{% step %}
**Change plan successfully**

After your plan activation and payment are confirmed, you will be redirected to the Ecombe Switch Plan page, where you’ll see the message: “Subscription activated successfully! 🎉”.
{% endstep %}
{% endstepper %}

## Here's how to cancel your plan

{% hint style="success" %}
Steps:

1. Access Ecombe app and click **Preferences** in the left column.
2. Click Danger zone.
3. Click Cancel plan.
   {% endhint %}

{% hint style="info" %}
You also can downgrade to Free plan in [**Switch plan page**](/getting-started/account-and-billing/change-your-plan#switch-plan-page)**.**
{% endhint %}

## What happens if I cancel my pan?

You will be required to **unpublish pages and sections** before cancelling the plan.

Click **Manages page** to unpublish pages and sections.

{% hint style="info" %}
Don't know how to unpublish pages and sections, check [this article](/pages-and-section-creations/general/pages-and-sections-management#how-to-publish-and-unpublish-a-page).
{% endhint %}

## Frequently Asked Questions

#### 1. What is a publish slot?

Publish slots are the number of templates and sections that you can create with Ecombe and publish to your theme or live page.

#### 2. I have many products, collections. Do they consume my publish slots?

Don't worry, a collection or product template can be assigned to all or many different products or collections.

For example: if your store has 10 collections, you just need to create 1 collection template and assign it to those 10 collections. All will be counted as 1 publish slot.

#### **3. What happens if I downgrade to a free plan?**

Free plan has only 1 publish slot so the system will ask you to unpublish pages to draft page and leave only 1 published page.


# Refund policy

In this article, you will learn how to qualify for a refund and how to request one.

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!

##


# Uninstall Ecombe app

How to uninstall Ecombe app and what happens to your store after uninstalling

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!

##


# Overview

## About Pages And Sections Creation

Welcome to the Pages And Sections Creation!

The "Pages and Sections Creation" category provides comprehensive guidance on all page types supported in Ecombe, including how to create, customize, and manage each one. It covers essential principles, best practices, and step-by-step instructions to help you maintain your site structure, and build clear, well-organized, and high-converting pages using Ecombe’s powerful page-building tools.


# General

## About General Category

The "General" section in the Ecombe Help Center introduces the fundamental concepts and core functionalities related to pages and sections in the Ecombe Page Builder. It provides essential information and guidance for users of all levels, ensuring they understand the basics before exploring more advanced topics


# What type of pages does Ecombe support

What are type of page supported in Ecombe Page Builder? In this article, you will learn about page types supported by the Ecombe page builder.

You can read more about create a new page with Ecombe [here](/getting-started/setup-and-quick-start/create-a-new-page).

### **About Ecombe subscription Plan**

The number of pages and sections which you want to publish can be limited due to your Ecombe plan.

Your pricing plan will be depended on the published page you want.

For example: if you want to publish 30 pages, you can choose the 30 slots plan. Each slot here means a published page or section. And each slot can be any page type: home page, product page, collection page, regular page, blog page, blog post page or Shopify section.

### Seven Supported Page Types

**Regular page**

A standalone page used for general content or campaigns. Common examples include About Us, FAQ, Contact Us, or dedicated landing pages for promotions.

**Homepage**

The main storefront page visitors see first. It highlights your brand identity, featured products, collections, promotions, and serves as the core navigation entry to the store.

**Collection page**

A page that displays a group of products belonging to the same category. Ideal for organizing items by theme, type, or season—helping customers explore your catalog easily.

**Product page**

The detailed page for each individual product. It includes product images, descriptions, variants, pricing, reviews, and purchase options—crucial for driving conversions.

**Blog page**

A page that lists all blog posts in your store. It helps merchants publish articles, guides, updates, or announcements to educate customers and improve SEO.

**Blog post page**

A page for the content of a single blog article. It includes the full post, featured image, author info, and related content—useful for storytelling and content marketing.

**Shopify Section**

A reusable layout section that can be embedded directly in Shopify's Theme Editor. Ideal for merchants who want to build custom UI blocks and add them to their theme without creating an entire page.

### How to choose page type?

Ecombe automatically selects the suitable page type based on the Use Case you choose.\
For example:

* Choosing the **Homepage Use Case** will create a **Homepage** page type.
* Choosing the **FAQ Use Case** will create a **Regular page** type.
* Choosing a **Landing Page** also uses the **Regular page** type.

This ensures that each page is created with the correct Shopify structure and behaves properly when published.

Refer to the information about page types and how to create them in this [article](/pages-and-section-creations/pages).

### Frequently Ask Questions

1. **Can I restore Shopify Default Homepage after publish Ecombe Homepage?** Yes, you can restore your Shopify Default homepage after publish Ecombe Homepage. Please check [this article](/pages-and-section-creations/general/pages-and-sections-management#how-to-restore-default-template).
2. **Can I Import page to Ecombe Page Builder?**

   Yes, you can. Ecombe provides the import and export Ecombe page function. Please check [this article](/pages-and-section-creations/general/pages-and-sections-management#how-to-export-and-import-pages).
3. **What is different between home page and landing page (regular page)?**

   The home page gives an overview of your store and guides visitors to different sections to showcase your products, catering to all types of customers. A landing page is focused on a single product or promotion, designed to drive a specific action like making a purchase or signing up.


# Setting up Ecombe Page

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Pages and Sections management

### Overview

The **Pages** panel allows you to control all content created with Ecombe in one place. From here, you can view, edit, publish, unpublish, duplicate, delete any page or reusable section—and create page analytics campaigns.

This centralized workspace keeps your store organized, speeds up content updates, and ensures consistency across all page types.

This guide will show you how to manage every page and section effectively so your storefront stays clean, structured, and easy to maintain.

### How to Access Pages

In the Shopify sidebar, click **Pages** to open **the Pages dashboard.**

<figure><img src="/files/4l35TasJhx2uToLmDm6g" alt="Image for guide how to access pages"><figcaption></figcaption></figure>

### How to Publish and Unpublish a Page

Publishing determines whether your page is visible on the storefront. You can publish or unpublish any Ecombe page depending on your needs.

**Choose the page** you want to change status > **Choose a action:**

* **Publish** to make the page visible on your storefront.
* **Unpublish** to hide the page from the storefront.

<figure><img src="/files/9xGutFvPnChIkDnpWx6z" alt="Publish and un-publish page tutorial image"><figcaption></figcaption></figure>

**Note:** After the action is processed, a status notification will appear.&#x20;

<figure><img src="/files/wHFbjIK9WOjtTdCyXCne" alt="Notification image"><figcaption></figcaption></figure>

### How to Make a Page as Default Template

Setting a page as the default template assigns your Ecombe layout as the main template used for that page type on your store (e.g., Homepage, Product Page). Once applied, customers will see this page when they visit that section of your store.

{% stepper %}
{% step %}
**Find the page** you want to set as the default template then open **the dropdown menu** and click **Make Default**.&#x20;

<figure><img src="/files/5eUaX9wpazTGmEzeMKOv" alt="Make default tutorial image"><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click **Confirm** to finalize the action.&#x20;

<figure><img src="/files/VIRglRhj39T3PEh1NCdQ" alt="Make default confirmation image"><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="info" %}
**Note:** The page must be **published** before it can be set as the default template.
{% endhint %}

### How to Restore Default Template

Restoring the default template allows you to switch back to your **Shopify original template** if you no longer want to use the Ecombe version.

In this example, you will learn how to restore the default template for a **Product page**, but the same steps apply to the homepage, collection page, blog page, and blog post page.

{% stepper %}
{% step %}
Select **Product**, then hover over the tab **Shopify Original Product Template** then click **Restore default product**.

<figure><img src="/files/vOJfkCCiY9dxJfdp0fMV" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click **Confirm** to restore the Shopify original template.

<figure><img src="/files/vXXsKsO4Iz8lSKDqgkPV" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### How to Export and Import Pages

This section explains how to export your Ecombe pages for backup or reuse, and how to import them into another store or project.&#x20;

#### How to Export Pages

{% stepper %}
{% step %}
Go to the Pages panel, select a page, and click **Export**.

<figure><img src="/files/76yiuQREUOrnCiys7D9g" alt="&#x22;&#x22;"><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Export your page&#x20;

Choose the **export metho**d then click **Export**.

* **All pages:** export every page in Ecombe.
* **All filtered pages:** export all pages currently filtered by your search or filter.
* **Selected pages:** export only the page(s) you selected.

<figure><img src="/files/uF4ABDsahkNc2yrhkdgx" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

#### How to Import Pages

{% stepper %}
{% step %}
Go to the Pages panel, select a page, and click **Import**

<figure><img src="/files/pQpLHaLMHxuguMfaqs3o" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Import your Ecombe page

Click **Add file** end select the exported file saved on your device then click **Import** to complete the process and add the pages to Ecombe.

<figure><img src="/files/LSY2D4UNp1qTb6F31eWL" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### How to Duplicate a Page

Duplicating a page allows you to quickly reuse layouts, create variations, or start new pages based on an existing design, saving time and ensuring consistency.

To duplicate a page, open the page's dropdown menu and click **Duplicate.**&#x20;

<figure><img src="/files/vu7R00VwulYVurmOY1gc" alt=""><figcaption></figcaption></figure>

### How to Manage Deleted Pages

When a page is deleted, it is moved to the **Trash** section. Pages remain in Trash for **30 days** before being permanently removed.\
To learn more, refer to the [related article](/pages-and-section-creations/general/manage-deleted-pages).&#x20;

<figure><img src="/files/abs7AQ5vdSvLrpVchss7" alt=""><figcaption></figcaption></figure>

### How to Create a Page Analytics Campaign

Ecombe provides built-in Analytics that helps you monitor page performance. These insights allow you to optimize your page for the best possible conversion rate.\
For a detailed guide, please refer to [the full article](/editor-and-functions/store-optimization/analytics).&#x20;

<figure><img src="/files/ev8dwakHiwiNhXgRSNZT" alt=""><figcaption></figcaption></figure>


# How to use Global Styles to customize styles to use for all Ecombe pages

In this article we will introduce global theme style, its functions and how to use it to easily synchronize styles in your store.

## What is Global styles and how to access

#### What is Global styles

Global styles is a unified styling system applied across all pages created with Ecombe. It works with a similar logic to Shopify’s theme settings, ensuring your entire site stays visually consistent.

Global styles includes three main style groups: **Colors, Typography, Button Style.**

Typography and Button Style can **work independently on Desktop, Tablet and Mobile.**

#### **How to acces Global styles**

Click **Global styles** on Ecombe Menu Navigation to access Global styles.

<figure><img src="/files/L5p8u3ppRXWDBKiro1ml" alt=""><figcaption></figcaption></figure>

## Why I need Global styles

By using Global Styles, you can easily maintain a cohesive design throughout your store. Any changes you make such as updating fonts, adjusting colors, or modifying button style will automatically apply to all pages using the same theme style, helping you save time and keep your branding consistent.

## How to use Global styles

To learn more about how to use the Global styles features, please check these articles.

{% content-ref url="/pages/PiX4M1dnsziPAmyUdokv" %}
[How to use Colors in Global styles](/pages-and-section-creations/general/global-theme-styles/how-to-use-colors-in-global-styles)
{% endcontent-ref %}

{% content-ref url="/pages/YNXShOGJa3BgAnHcrRzx" %}
[How to use Typography in Global theme style](/pages-and-section-creations/general/global-theme-styles/how-to-use-typography-in-global-theme-style)
{% endcontent-ref %}

{% content-ref url="/pages/VEQec7KfmTDHwkjC4yhN" %}
[How to use Buttons in Global styles](/pages-and-section-creations/general/global-theme-styles/how-to-use-buttons-in-global-styles)
{% endcontent-ref %}

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# How to use Colors in Global styles

In this article we will guide you to setup Color in Global styles to have a consistent style in all pages.

## How to use Colors

By default, Color will have 3 Schemes and 1 option set for Other colors. You can click **Add Scheme** to create your own Scheme.

<figure><img src="/files/bpMKBcRP8O3BRHTizJFZ" alt=""><figcaption></figcaption></figure>

## What's in a Scheme

<figure><img src="/files/bJC9oUtSetBf8sx91Mgw" alt=""><figcaption></figcaption></figure>

#### 1. Section colors

The basic colors of a section include: Background, Heading text and Body text.

#### **2. Button colors**

Button color has two states:

**Normal:**

* **Background**: the button’s background color.
* **Label**: the text color.
* **Outline**: the outline color of the button.

**Hover:**

* **Background tone:** add a color layer on top of the button background.&#x20;
* **Label:** add a color layer on top of the text.
* **Outline:** add a color layer on top of the outline.

<figure><img src="/files/60nnqKHZZ8swQqyD0qeO" alt=""><figcaption></figcaption></figure>

Dragging the slider to the left applies a white tone layer, while dragging to the right applies a black tone layer.\
The further you move the slider toward either side, the less transparent the tone layer becomes.

## How to change color in Scheme?

You can change a color by clicking the **color box** and using the **color picke**r, or by entering a **Hex code** directly.

<figure><img src="/files/HbZswdrVor2l6OiCB8ar" alt=""><figcaption></figcaption></figure>

We hope this article helps you understand how to use Color in Global styles to set consistent colors for your theme.

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# How to use Typography in Global theme style

In this article we will introduce the Typography feature in Global styles and how to use it to set up consistent text styling in the theme.

## What is typography

Typography brings together presets of typography types

These presets will help you reuse typography without having to set it up from scratch.

<figure><img src="/files/Hpt9HjSmkVZkBieUZTUI" alt=""><figcaption></figcaption></figure>

## How to customize typography

Click any typography item to open its editing panel, then adjust its text styling options:

<table data-header-hidden><thead><tr><th width="144.1533203125"></th><th></th></tr></thead><tbody><tr><td><strong>Font Family</strong></td><td>Font Family is the typeface used to display your text. Different fonts create different moods and visual styles for your store.</td></tr><tr><td><strong>Font Weight</strong></td><td>Font Weight controls how thick or thin the text appears, ranging from light to bold. It helps emphasize important content.</td></tr><tr><td><strong>Font Style</strong></td><td>Font Style allows you to adjust the appearance of your text. You can set it to <strong>Normal</strong>, <strong>Italic</strong>, or <strong>Oblique</strong>.<br>Italic applies a designed slanted style for a more expressive look, while Oblique tilts the regular text to create a simple slanted effect.</td></tr><tr><td><strong>Text Transform</strong></td><td>Text Transform changes the letter casing of your text. You can convert all letters to uppercase, lowercase, or capitalize the first letter of each word.</td></tr><tr><td><strong>Font Size</strong></td><td>Font Size determines how large or small the text appears on the page.</td></tr><tr><td><strong>Letter Spacing</strong></td><td>Letter Spacing adjusts the distance between individual characters, making your text feel tighter or more open.</td></tr><tr><td><strong>Line Height</strong></td><td>Line Height sets the spacing between lines of text, improving readability and balance in your layout.</td></tr></tbody></table>

<figure><img src="/files/PmfwzwARNahkgEqoqZ2K" alt=""><figcaption></figcaption></figure>

## Frequently Asked Questions

#### How can I change typography when I edit my page?

You can change typography using the text styling options provided within the text block.&#x20;

<figure><img src="/files/GI0xOd3GdjXzPdKDoYVT" alt=""><figcaption></figcaption></figure>

#### I can't find the font family I need?

Font family are provided by Google Fonts. If you want to add a custom font that is not available in Google Fonts, please contact our support team for assistance.

#### Can I set typography for different devices?

Yes, typography can **work independently on Desktop, Tablet and Mobile**.

We hope this article helps you understand how to use Typography feature in Global styles to customize typography presets and set consistent typography for your theme.

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# How to use Buttons in Global styles

In this article we will guide you how to setup buttons style preset so that they can be reused and consistency across pages.

## What is Buttons

Buttons are a set of reusable button presets included in Global styles. They allow you to apply consistent button designs across all pages.\
There are three preset types available: **Primary**, **Secondary**, and **Tertiary** **buttons**.

<figure><img src="/files/OHjMNqrDcP8ttlKLCXFS" alt=""><figcaption></figcaption></figure>

## How to customize button style

Click any button to open its editing panel and change the style settings.&#x20;

Button style is divided into there types of settings: **Sizing**, **Border**, **Shadow** and **Hover.** The button updates in real time as you adjust the settings. You can hover over it to preview the hover effect directly inside Global styles.

<figure><img src="/files/6qYh7X0Ei3ZMi0HDmAl3" alt=""><figcaption></figcaption></figure>

#### Sizing

<table data-header-hidden><thead><tr><th width="144.49810791015625"></th><th></th></tr></thead><tbody><tr><td><strong>Font-size</strong></td><td>Determines how large or small the text appears inside the button.</td></tr><tr><td><strong>Letter spacing</strong> </td><td>Adjusts the distance between individual characters, making your text feel tighter or more open.</td></tr><tr><td><strong>Font-weight</strong></td><td>Controls how thick or thin the text appears, ranging from light to bold. It helps emphasize important content.</td></tr><tr><td><strong>Text transform</strong></td><td>Changes the letter casing of the text inside the button. You can convert all letters to <strong>uppercase</strong>, <strong>lowercase</strong>, or <strong>capitalize</strong> the first letter of each word.</td></tr><tr><td><strong>Height</strong></td><td>Adjust the height of the button.</td></tr><tr><td><strong>Side spacing</strong></td><td>Controls the horizontal space on the left and right sides of the button, helping you adjust how wide the button appears</td></tr><tr><td><strong>Corner radius</strong></td><td>Controls the roundness of the button’s corners, letting you choose between sharp edges and a softer, rounded look.</td></tr></tbody></table>

***

#### **Border**

**Thickness**: controls how thick or bold the border appears around the button.

***

#### Shadow

This part you adjust all shadow settings for the button.

<table data-header-hidden><thead><tr><th width="140.52532958984375"></th><th></th></tr></thead><tbody><tr><td><strong>Horizontal</strong></td><td>Adjusts the shadow’s left–right position.</td></tr><tr><td><strong>Vertical</strong></td><td>Adjusts the shadow’s top–bottom position.</td></tr><tr><td><strong>Blur</strong></td><td>Controls how soft or sharp the shadow appears.</td></tr><tr><td><strong>Transparent</strong></td><td>Controls how visible or faded the shadow looks.</td></tr></tbody></table>

***

#### Hover

**Transition:** controls how smoothly the button changes style when hover in it.

## **FAQ**

#### How do I change the font family of a button

The button's font family will be applied according to the Body Text's typography. To learn more about typography and how to change it, please refer to this [article](/pages-and-section-creations/general/global-theme-styles/how-to-use-typography-in-global-theme-style#how-to-customize-typography).

#### How can I change button style when I edit my page

You can click in to each button to open it editing panel to change styles.

<figure><img src="/files/5R2CEBLXMaQPphtaA2jI" alt=""><figcaption></figcaption></figure>

We hope this article helps you understand how to use Buttons feature in Global styles to customize button style presets and set consistent button style for your theme.

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# Manage Deleted Pages

## Overview

In this article, we will introduce you to Trash, managing, restoring deleted templates, and what happens when you delete a page from Trash.

## What is Trash?

The Trash helps you retrieve the pages that you accidentally deleted, and restore them immediately by yourself.

When you delete a page or a section, it will be stored in the Trash. If you accidentally delete any pages or sections, you can restore them from Trash within the next 30 days. After this time, they will be deleted forever and there’s no way to retrieve them.

## How to access Trash?

You can access Trash by clicking **Page** and selecting **Trash**.

<figure><img src="/files/onz4gS7qmb4KvnzqluPq" alt=""><figcaption></figcaption></figure>

## How To Use Trash To Manage Deleted Pages, Sections&#x20;

Select the page, click on the corresponding three-dot icon to open the dropdown menu. Select **Restore** to reverted to your Page management or select **Delete** to permanently delete the page from Ecombe.

<figure><img src="/files/tG3Ac23pTJurRBhRtAxk" alt=""><figcaption></figcaption></figure>

In case you select **Delete**, there will be a popup window to confirm. Click **Delete** in the pop-up to confirm the action of permanently deleting the page from Ecombe.

<figure><img src="/files/f9dBPMJQDBO36162YUna" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
After permanent deletion will not be recoverable.
{% endhint %}

## Frequently Asked Questions

1. **Where do my deleted pages go?**

All your deleted pages/sections will be stored in Trash. You can find them in **Ecombe Dashboard** > **Page** > **Trash.**

2. **I accidentally deleted my page, can I recover it?**

Yes, you can restore your page in Trash within the next 30 days. After this time, the page will be deleted forever and you **cannot recover it anymore**.

3. **Can I recover permanently deleted pages?**

No, you can’t. Once you delete the pages forever, you **cannot restore** them.


# Pages

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to create Landing page with Ecombe

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to create a Home page with Ecombe

## Overview

This article will guide you through the steps to create a **Home page** using **Ecombe Page Builder**, allowing you to customize your Home page layout without any coding.

## What is a Home page?

 If you are new to Shopify or eCommerce, you might not be familiar with what a **Home page** is.

The **Home page** is the **main page of your online store**. It is the first page visitors see when they access your store’s URL. The Home page introduces your brand, highlights key products or collections, and guides customers to explore other parts of your store, such as product pages or collections.

A well-designed Home page helps create a strong first impression and encourages visitors to take action, such as browsing products or making a purchase.

## Step-by-step guide&#x20;

{% stepper %}
{% step %}

#### Access Ecombe Page Builder

Go to **Shopify Admin** → **Apps** → **Ecombe Page Builder**

<figure><img src="/files/a3bZXccPKd1MRZKU9mNK" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Create a new page

From the **Ecombe Welcome Dashboard**, click the **Create New Page** button.

<figure><img src="/files/pXcJ1Bh8XvBYWSFbDfgR" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Choose a Home page template

After completing Step 2, Ecombe will take you to the **Template Library**.

Here, select **Use case: Home page**. You can also filter templates by **Industry**, **Style**, or **Collection** to quickly find a suitable design.

Click the **Choose** button to select a template.

<figure><img src="/files/wYyprJGYzlT7s1vJFgm9" alt=""><figcaption></figcaption></figure>

**Tip:** You can hover over a template and click to preview it before **Choose**.
{% endstep %}

{% step %}

#### Set up the Home page

In this step, you need to configure some basic settings before publishing the Home page to your storefront.&#x20;

Access **Page Settings** in Ecombe left sidebar and set up these settings:&#x20;

* **Page title**: Enter a name for your Home page template to easily manage it in Page Manager, especially if you have multiple Home page templates.
* **Page URL**: You do not need to fill in this field, as the Home page is the default page displayed when visitors access your store.
* **Theme template name**: This is the name of the template saved in your Shopify store. Ecombe will automatically generate the template name after the page is published.
* **CSS and JavaScript**: Add custom styles or advanced scripts for your template. If you need assistance, feel free to **contact our support team**.

<figure><img src="/files/mNfGl7kevc3rX5b5OVFf" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Edit the Home page

In this step, you can customize the Ecombe Home page Template to match your needs.

You can click on each section to edit its content and settings. We have designed simple and intuitive options so you won’t feel overwhelmed. Everything works similarly to Shopify Theme Customization.

If you need help, you can contact our support team for immediate assistance.
{% endstep %}

{% step %}

#### Publish your Ecombe Home page

After completing the setup and customization steps, you can choose to **Save** or **Publish** the Home page to your storefront.

Click **Save** to store the template as a draft. In this case, the template will not affect your storefront.

<figure><img src="/files/RsXiDBslRCydauB294dv" alt=""><figcaption></figcaption></figure>

To use the Ecombe Home page instead of the Shopify theme Home page, click **Publish** → then click **Publish** again in the confirmation dialog to start the publishing process.

<figure><img src="/files/i3A6OJ58AIlVZViL56m4" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Result

After successfully publishing the Ecombe Home page, your store’s Home page will be replaced by the Ecombe Home page.

You can click **View live page** to see the Home page directly on your storefront.

<figure><img src="/files/rFICGVv3XTvsAzkPgOnv" alt=""><figcaption></figcaption></figure>

## Tips & Best practices

#### 1. Check the layout on tablet and mobile devices

Remember to check your Home page on tablet and mobile devices, as over 80% of traffic comes from mobile users.\
You can customize settings for mobile and tablet without affecting the layout on other devices.

#### 2. Preview your template before publishing

Always preview your Home page before publishing to see how it will appear on your live storefront.

## FAQ

#### 1. Can I restore the Shopify Home page after publishing the Ecombe Home page?

**Yes**. You can go to **Page Manager** to restore your Shopify Home page. For more details, please refer to [this article](/pages-and-section-creations/general/pages-and-sections-management#how-to-restore-default-template).

#### 2. Can I edit the Ecombe Home page after it has been published?

**Yes**. You can edit your Ecombe Home page at any time. Simply open the Home page in the Ecombe editor, make your changes, and republish to apply the updates.

#### 3. Will my Home page work on mobile and tablet devices?

**Yes**. All Ecombe Home page templates are fully responsive. You can also customize the layout separately for desktop, tablet, and mobile to ensure the best experience on all devices.


# How to create Product page with Ecombe

## Overview

This article will guide you through the steps to create a **Product page** using **Ecombe Page Builder**, allowing you to customize your product page layout without any coding.

## What is a Product page?

A **product page** is the page where customers can view detailed information about a specific product in your online store.

It typically includes the product name, images, price, description, variants (such as size or color), and an **Add to cart** button. The product page helps customers understand the product and decide whether to make a purchase.

A well-designed product page can improve customer trust and increase conversion rates.

## Step-by-step guide

{% stepper %}
{% step %}

#### Access Ecombe Page Builder

Go to **Shopify Admin** → **Apps** → **Ecombe Page Builder**

<figure><img src="/files/a3bZXccPKd1MRZKU9mNK" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

#### Create a new page

From the **Ecombe Welcome Dashboard**, click the **Create New Page** button.

<figure><img src="/files/pXcJ1Bh8XvBYWSFbDfgR" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### &#x20;Choose a Product template

After completing Step 2, Ecombe will take you to the **Template Library**.

Select **Use case: Product page**. You can also filter templates by **Industry**, **Style**, or **Collection** to quickly find a suitable design.

Click the **Choose** button to select a template.

<figure><img src="/files/TmkkukTGJeVqCsTX2Qhg" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Set up the Product page

#### Page assignment

Assign which products will use this product page. Ecombe provides two options:

1. **All products**

   All products will use this product page. The page will be assigned as the default product page.

<figure><img src="/files/SQN31rDzeW2LTkZKCvT3" alt=""><figcaption></figcaption></figure>

2. **Custom products**&#x20;

   Select specific products to use this product page. You can assign products by **categories, collections, product types, tags, or vendors**.

<figure><img src="/files/aQTIuSuMZiGfw0Q6Ep96" alt=""><figcaption></figcaption></figure>

#### Page settings

Access **Page Settings** from the Ecombe left sidebar and configure the following options:

* **Page title**: Enter a name for your product page template to easily manage it in Page Manager, especially if you have multiple product page templates.
* **Page URL**: You do not need to fill in this field. Ecombe product pages use Shopify’s default URL structure:

  `/products/{product-name}`
* **Theme template name**: This is the name of the template saved in your Shopify store. Ecombe will automatically generate the template name after the page is published.
* **CSS and JavaScript**: Add custom styles or advanced scripts for your template. If you need assistance, feel free to contact our support team.

<figure><img src="/files/ofn4HGWajOlyb0JCuUzz" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Edit the Product page

In this step, you can customize the **Ecombe Product Page Template** to match your needs.

Click on each section to edit its content and settings. The options are designed to be simple and intuitive, similar to Shopify Theme Customization.

**Tip:** You can change the preview product by clicking **Change** in the editor.

<figure><img src="/files/OkE5D0lsMo0b2VNee40N" alt=""><figcaption></figcaption></figure>

If you need help, you can contact our support team for immediate assistance.
{% endstep %}

{% step %}

#### Publish your Ecombe Product page

After completing the setup and customization steps, you can choose to **Save** or **Publish** the product page.

* Click **Save** to store the template as a draft. This will not affect your storefront.

<figure><img src="/files/RsXiDBslRCydauB294dv" alt=""><figcaption></figcaption></figure>

* To use the Ecombe product page instead of the Shopify theme product page, click **Publish**, then confirm by clicking **Publish** again in the dialog.

<figure><img src="/files/t7awStkxMYElz0bfQsXs" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Result

After successfully publishing the Ecombe Product page, your store’s product page will be replaced by the Ecombe Product page.

You can click **View live page** to see the product page directly on your storefront.

<figure><img src="/files/rFICGVv3XTvsAzkPgOnv" alt=""><figcaption></figcaption></figure>

## Tips & Best practices

#### 1. Check the layout on tablet and mobile devices

Always check your product page on tablet and mobile devices, as most traffic comes from mobile users.

You can customize layouts for mobile and tablet without affecting other devices.

#### 2. Preview your template before publishing

Preview your product page before publishing to ensure it displays correctly on your live storefront.

## Common issues

#### 1. The product page does not appear on the storefront

Make sure the product page is published and correctly assigned to the product.

#### 2. Changes are not visible after editing

Try republishing the page and clearing your browser cache.

#### 3. The wrong product is displayed in preview mode

Check the selected preview product in the editor by clicking **Change**.

#### 4. The product page does not appear after switching themes

Access App settings and then [Sync the layout to the new theme](/getting-started/setup-and-quick-start/preferences#layout-synchronization).

## FAQ

#### 1. Can I use multiple product pages at the same time?

**Yes**. You can create multiple product page templates and assign them to different products or product groups. However, each product can use only one product page at a time.

#### 2. Can I edit the product page after it has been published?

**Yes**. You can edit your product page at any time. Simply make your changes and republish the page.

#### 3. Will creating a product page affect my existing Shopify product pages?

**No**. Ecombe product pages are created separately and do not overwrite your original Shopify product pages unless published and assigned.

#### 4. Do Ecombe product pages support mobile devices?

**Yes**. All Ecombe product pages are fully responsive and optimized for desktop, tablet, and mobile devices.

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# How to create Collection page with Ecombe

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to create Blog page with Ecombe

## Overview

This article will guide you through the steps to create a **Blog page** using **Ecombe Page Builder**, allowing you to customize your blog page layout without any coding.

## What is a Blog page?

A **blog page** is the page where your store’s blog articles are displayed.

It typically shows a list of blog posts, including titles, featured images, excerpts, and publish dates. Blog pages help you share news, updates, guides, or stories with your customers, while also improving your store’s SEO and engagement.

A well-designed blog page makes it easier for visitors to discover your content and stay longer on your store.

## Step-by-step guide

{% stepper %}
{% step %}

#### Access Ecombe Page Builder

Go to **Shopify Admin** → **Apps** → **Ecombe Page Builder**

<figure><img src="/files/a3bZXccPKd1MRZKU9mNK" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Create a new page

From the **Ecombe Welcome Dashboard**, click the **Create New Page** button.

<figure><img src="/files/pXcJ1Bh8XvBYWSFbDfgR" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### &#x20;Choose a Blog page template

After completing Step 2, Ecombe will take you to the **Template Library**.

Select **Use case: Blog page**. You can also filter templates by **Industry**, **Style**, or **Collection** to quickly find a suitable design.

Click the **Choose** button to select a template.

<figure><img src="/files/xbe50pccIYl7IwWsFC1i" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Set up the Blog page

#### Page assignment

Assign which blogs will use this blog page. Ecombe provides two options:

1. **All blogs**

   All blogs in your store will use this blog page. The page will be assigned as the default blog page.&#x20;

<figure><img src="/files/LeJK4k6y4M7sjNvttXWa" alt=""><figcaption></figcaption></figure>

2. **Custom blog**

Select specific blogs to use this blog page.&#x20;

<figure><img src="/files/WXVSQR9ZIHJ1RvsbVYr1" alt=""><figcaption></figcaption></figure>

#### Page settings

Access **Page Settings** from the Ecombe left sidebar and configure the following options:

* **Page title**: Enter a name for your blog page template to easily manage it in Page Manager, especially if you have multiple blog page templates.
* **Page URL**: You do not need to fill in this field. Ecombe blog pages use Shopify’s default URL structure:

  `/blogs/{blog-name}`
* **Theme template name**: This is the name of the template saved in your Shopify store. Ecombe will automatically generate the template name after the page is published.
* **CSS and JavaScript**: Add custom styles or advanced scripts for your template. If you need assistance, feel free to contact our support team.

<figure><img src="/files/X3PRdXjnWGip2I2qbLaB" alt="" width="375"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Edit the Blog page

In this step, you can customize the **Ecombe Blog Page Template** to match your needs.

Click on each section to edit its content and settings. The options are designed to be simple and intuitive, similar to Shopify Theme Customization.

**Tip:** You can change the preview blog by clicking **Change** in the editor.

<figure><img src="/files/RAgd5bcICaAIwRgbl1Qb" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### &#x20;Publish your Ecombe Blog page

After completing the setup and customization steps, you can choose to **Save** or **Publish** the blog page.

* Click **Save** to store the template as a draft. This will not affect your storefront.

<figure><img src="/files/RsXiDBslRCydauB294dv" alt=""><figcaption></figcaption></figure>

* To use the Ecombe blog page instead of the Shopify theme blog page, click **Publish**, then confirm by clicking **Publish** again in the dialog.&#x20;

<figure><img src="/files/oZw2AduozhsASx7lYEZO" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Result

After successfully publishing the Ecombe Blog page, your store’s blog page will be replaced by the Ecombe Blog page.

You can click **View live page icon** to see the blog page directly on your storefront.

<figure><img src="/files/u571JYSg84OZSbhuvWME" alt=""><figcaption></figcaption></figure>

## Tips & Best practices

#### 1. Check the layout on tablet and mobile devices

Always check your blog page on tablet and mobile devices, as most traffic comes from mobile users.

You can customize layouts for mobile and tablet without affecting other devices.

#### 2. Preview your template before publishing

Preview your blog page before publishing to ensure it displays correctly on your live storefront.

## Common issues

#### 1. The blog page does not appear on the storefront

Make sure the blog page is published and correctly assigned to the blog.

#### 2. Blog posts are not showing on the page

Check whether the correct blog is selected in **Page assignment**.

#### 3. Changes are not visible after editing

Try republishing the blog page and refreshing your browser cache.

#### 4. Layout issues after changing themes

Some themes may require you to republish the blog page after switching themes.

## FAQ

#### 1. Can I use multiple blog page templates at the same time?

Yes. You can create multiple blog page templates and assign them to different blogs. However, each blog can use only one blog page template at a time.

#### 2. Can I edit the blog page after it has been published?

Yes. You can edit the blog page at any time. Simply make your changes and republish the page.

#### 3. Will using an Ecombe blog page affect my existing blog posts?

No. Ecombe only changes the blog layout. Your existing blog posts and content will remain unchanged.

#### 4. Are Ecombe blog pages mobile-friendly?

Yes. All Ecombe blog pages are fully responsive and optimized for desktop, tablet, and mobile devices.

#### 5. What is the difference between a Blog page and a Blog post page?

dAd  **Blog page** displays a list of blog posts, helping visitors browse and discover your articles.

A **Blog post page** displays the content of a single blog article, including its title, text, images, and other details.

In short, the blog page is used for **listing posts**, while the blog post page is used for **reading an individual post**.


# How to create Blog post page with Ecombe

## Overview

This article will guide you through the steps to create a **Blog post page** using **Ecombe Page Builder**, allowing you to customize your blog page layout without any coding.

## What is a Blog post page?

A **blog post page** is the page where the full content of a single blog article is displayed.

It includes the post title, content, images, author information, publish date, and sometimes comments or related posts. The blog post page allows visitors to read your article in detail and engage with your content.

A well-designed blog post page helps improve readability, build trust with your audience, and increase time spent on your store.

## Step-by-step guide

{% stepper %}
{% step %}

#### Access Ecombe Page Builder&#x20;

Go to **Shopify Admin** → **Apps** → **Ecombe Page Builder**

<figure><img src="/files/a3bZXccPKd1MRZKU9mNK" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

#### Create a new page

From the **Ecombe Welcome Dashboard**, click the **Create New Page** button.

<figure><img src="/files/pXcJ1Bh8XvBYWSFbDfgR" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Choose a Blog page template

After completing Step 2, Ecombe will take you to the **Template Library**.

Select **Use case: Blog post page**. You can also filter templates by **Industry**, **Style**, or **Collection** to quickly find a suitable design.

Click the **Choose** button to select a template.

<figure><img src="/files/G91AohwSWDsU0edenTgG" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Set up the Blog post page

#### Page Assignment

Assign which blog posts will use this blog page. Ecombe provides two options:&#x20;

1. **All articles**

   All blog posts in your store will use this blog page. The page will be assigned as the default blog post page.

\[ Screenshot ]

2. **Custom articles**

Select specific Blogs post to use this blog page.

\[ Screenshot ]&#x20;

#### **Page settings**

Access **Page Settings** from the Ecombe left sidebar and configure the following options:

* **Page title**: Enter a name for your blog post page template to easily manage it in Page Manager, especially if you have multiple blog post page templates.
* **Page URL**: You do not need to fill in this field. Ecombe blog post pages use Shopify’s default URL structure.  &#x20;
* **Theme template name**: This is the name of the template saved in your Shopify store. Ecombe will automatically generate the template name after the page is published.
* **CSS and JavaScript**: Add custom styles or advanced scripts for your template. If you need assistance, feel free to contact our support team.

<figure><img src="/files/Ez0gg2qXaMs4tYuMazn8" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Edit the Blog post page

In this step, you can customize the **Ecombe Blog post Page Template** to match your needs.

Click on each section to edit its content and settings. The options are designed to be simple and intuitive, similar to Shopify Theme Customization.

**Tip:** You can change the preview blog by clicking **Change** in the editor.

<figure><img src="/files/EO7oweT1qmWteU4eTI3Z" alt="" width="375"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Publish your Ecombe Blog post page

After completing the setup and customization steps, you can choose to **Save** or **Publish** the blog post page.

* Click **Save** to store the template as a draft. This will not affect your storefront.

<figure><img src="/files/RsXiDBslRCydauB294dv" alt=""><figcaption></figcaption></figure>

* To use the Ecombe blog post page instead of the Shopify theme blog post page, click **Publish**, then confirm by clicking **Publish** again in the dialog.

<figure><img src="/files/KC7WJYmxhjnqG4LaSKfN" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Result

After successfully publishing the Ecombe Blog post page, your store’s blog page will be replaced by the Ecombe Blog post page.

You can click **View live page icon** to see the blog post page directly on your storefront.

<figure><img src="/files/GTPqx29B2MnR6kpHn6Ro" alt=""><figcaption></figcaption></figure>

## Tips & Best practices

**1. Check the layout on tablet and mobile devices**

Always check your blog page on tablet and mobile devices, as most traffic comes from mobile users.

You can customize layouts for mobile and tablet without affecting other devices.

**2. Preview your template before publishing**

Preview your blog post page before publishing to ensure it displays correctly on your live storefront. &#x20;

## Common issues

#### 1. The blog post page does not appear on the storefront

Make sure the blog post page is published and correctly assigned to the blog post.

#### 2. Changes are not visible after editing the blog post page

Try republishing the blog post page and refresh your browser cache.

#### 3. Blog post content is not displayed correctly

Check the blog post content in Shopify Admin to ensure all sections (text, images, metadata) are filled in properly.

## FAQ

#### 1. Can I use multiple blog post page templates at the same time?

Yes. You can create multiple blog post page templates and assign them to different blog posts. However, each blog post can use only one template at a time.

#### 2. Can I edit the blog post page after it has been published?

Yes. You can edit the blog post page at any time. Simply update the layout and republish the page to apply your changes.

#### 3. Will customizing the blog post page affect my existing blog content?

No. Customizing the blog post page only changes the layout. Your existing blog post content will remain unchanged.


# How to create a About page with Ecombe

## Overview

This article will guide you through the steps to create a **About page** using **Ecombe Page Builder**, allowing you to customize your blog page layout without any coding.

## What is a About page?

An **About page** is the page where you introduce your brand and tell your store’s story.

It typically includes information about who you are, what your brand stands for, your mission or values, and what makes your products or business unique. The About page helps build trust with visitors and creates a personal connection between your brand and customers.

A well-written About page can increase credibility and encourage customers to feel more confident about purchasing from your store.

## Step-by -step guide

{% stepper %}
{% step %}

#### Access Ecombe Page Builder

Go to **Shopify Admin** → **Apps** → **Ecombe Page Builder**

<figure><img src="/files/a3bZXccPKd1MRZKU9mNK" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Create a new page

From the **Ecombe Welcome Dashboard**, click the **Create New Page** button

<figure><img src="/files/pXcJ1Bh8XvBYWSFbDfgR" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Choose a About us page template

After completing Step 2, Ecombe will take you to the **Template Library**.

Select **Use case: About page**. You can also filter templates by **Industry**, **Style**, or **Collection** to quickly find a suitable design.

Click the **Choose** button to select a template.

<figure><img src="/files/aj3ZsBep6zlqTNoPbXIf" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Set up the About page

#### Page settings

Access **Page Settings** from the Ecombe left sidebar and configure the following options:

* **Page title**: Enter a name for your About page template to easily manage it in Page Manager, especially if you have multiple About page templates.
* **Page URL**: is the web address of your About page, allowing customers to access the page directly through the link you set.&#x20;
* **Theme template name**: This is the name of the template saved in your Shopify store. Ecombe will automatically generate the template name after the page is published.
* **CSS and JavaScript**: Add custom styles or advanced scripts for your template. If you need assistance, feel free to contact our support team.

<figure><img src="/files/t6w9GXBUAyFiYj6xpX8L" alt="" width="375"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Edit the Blog post page

In this step, you can customize the **Ecombe About Page Template** to match your needs.

Click on each section to edit its content and settings. The options are designed to be simple and intuitive, similar to Shopify Theme Customization.
{% endstep %}

{% step %}

#### Publish your Ecombe About page

After completing the setup and customization steps, you can choose to **Save** or **Publish** the About page.

* Click **Save** to store the template as a draft. This will not affect your storefront.

<figure><img src="/files/RsXiDBslRCydauB294dv" alt=""><figcaption></figcaption></figure>

* To allow customers to access your About page click Publish, then confirm by clicking **Publish** again in the dialog.&#x20;

<figure><img src="/files/YsHMDBMb4i1ynMTOKYAQ" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Add the About page to Shopify Navigation

To allow customers to access your About page without manually entering the URL, add the About page to your store’s **navigation menu**, such as the header or footer. This lets customers visit the page with just one click.

{% stepper %}
{% step %}

#### Access Shopify menu settings

Go to **Shopify Admin** → **Content** → **Menus**, then select the menu where you want to add the About page.&#x20;

<figure><img src="/files/JRZmYxSqBpnpqMVKgVc9" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Add the About page to the menu

In **Menu settings**, click **Add menu item** → enter a **Label** → select the **Ecombe About page** you just created → click **Save**.

<figure><img src="/files/wr6uE2fsQnZpWPtpjFkv" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}


# How to create FAQ page with Ecombe

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to create Store page with Ecombe

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Shopify section

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to create a Shopify section with ecombe

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to insert Shopify Section created by Ecombe into theme

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Overview

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# User interface

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to work with Ecombe Editor

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to use Saved Version History

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to Export and Import a page into Ecombe

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to preview without affecting the current live page

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Editor Features

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to use product reviews

This guide explains how to display **product star ratings and reviews** in Ecombe templates, including how each display mode works and where product reviews can appear.

## Overview

**Product reviews** are a key component for displaying customer feedback on your products. In Ecombe templates, product reviews are divided into two main types:

* **Product reviews (text reviews)**\
  Written feedback from customers, allowing them to share their experiences, opinions, and detailed insights about a product.
* **Star ratings**\
  A quick visual rating system using stars (from 1 to 5), enabling customers to evaluate a product at a glance.

In Ecombe templates, Product Reviews are supported in:

* **Featured Product**
* **Featured Collection**

## Why Product Reviews Are Important

Product reviews play a critical role in the shopping experience by:

* Increasing trust and credibility for your products
* Improving click-through rates and conversion rates
* Providing quick, visual feedback for potential buyers
* Helping customers feel more confident when choosing products that have already been reviewed by others

## Requirements Before You Start

To display product reviews, you need to install a review app. Ecombe will automatically connect to your review app and display the reviews.

We recommend the following review apps:

* **Judge.me Reviews**
* **Okendo**
* **Trustoo.io Reviews**

If you already have a product review app installed and configured, you can proceed to the next section.

## How to display Product rating in Featured Collection

In **Featured Collection**, product reviews are displayed **as star ratings only**.

The Product Review setting has **three display modes**:&#x20;

#### **1. None**&#x20;

Star ratings are not displayed on the page.

<figure><img src="/files/pk0qa14kS5QnDvE8PqwQ" alt=""><figcaption></figcaption></figure>

#### 2. Sample Data

Displays **demo star ratings** inside the Editor for preview purposes. On the **live page**, real data from your review app will be shown instead.

<figure><img src="/files/5mXIezhI5Wscvi7E7yGD" alt=""><figcaption></figcaption></figure>

#### 3. Real data

Displays **real product rating data directly in the Editor**, exactly as it appears on the live page. Ratings are pulled from the connected third-party review app.

If a product has no reviews yet, "No reviews" will be displayed if the product does not have any reviews yet.

<figure><img src="/files/IeBDsbpb0Hpx0eU8d4pz" alt=""><figcaption></figcaption></figure>

## How to display Product Reviews in Featured Product&#x20;

In **Featured Product**, product reviews can be displayed in multiple formats, depending on what your review app supports, such as:

* Review text
* Review carousel
* Testimonial carousel
* Other review widgets provided by your review app

#### How to Add Product Reviews app block into a Featured Product

{% stepper %}
{% step %}
Install and fully configure your product review app in your Shopify store

If you already have a product review app installed and configured, you can proceed to the next step.
{% endstep %}

{% step %}
Insert app block into Featured Product

Steps:

1. In the editor sidebar, select **Add block**
2. Click **App**
3. Click **the review app you are using**&#x20;
4. Select app block.

\[ Screenshot ]
{% endstep %}
{% endstepper %}

If you do not see your review app in the list, please contact our support team for assistance with app integration.

{% hint style="info" %}
Have a question? Contact us via **in-app live chat,** we'll reply in few minutes.
{% endhint %}


# How to setup Color swatches

This article introduces **what Color Swatches are** and guides you on **how to display Color Swatches on an Ecombe page**.

## What are **Color Swatches**

**Color Swatches** are a visual way of displaying product variants or options. Most commonly shown as color blocks, circles, or small images. Allowing customers to choose by seeing rather than reading text.

Specifically, **Color Swatches** help to:

* **Simplify the variant selection process** by making it easy for customers to compare and choose the desired color or style at a glance.
* **Provide instant visual feedback**, as selecting a swatch updates the main product image to reflect the chosen option.
* **Enhance visual appeal and interactivity**, making the product page feel more engaging and modern.
* **Reduce cognitive load and decision fatigue** by presenting options visually instead of relying on text-based lists.
* **Improve layout efficiency**, since swatches take up less space than text labels or dropdowns, especially when many options are available.
* **Represent colors and patterns more accurately**, ensuring the product’s appearance on the website stays consistent with the brand’s aesthetic.

In summary, **Color Swatches are a visual method for presenting product variants that improves usability, clarity, and overall user experience on a product page**.

## Where do Ecombe Color Swatches get their data from?

Ecombe provides **two data sources** for displaying Color Swatches:

* **Shopify Settings**

  Ecombe Color Swatches pull data directly from the product variants configured in your Shopify Admin.
* **App Settings**

  Ecombe Color Swatches use data configured in **Ecombe App Settings**.

  Please refer to this article to learn how to add swatches in **Ecombe App Settings**.

## How to display **Color Swatches from Shopify Settings**

To display **Color Swatches**, you need to **enter the exact name of the product option** (for example: `Color`, `Colour`) that should be displayed as swatches.

{% stepper %}
{% step %}

#### **Find the product option name**

In **Shopify Admin**, go to **Products → Select a product**.

You will see the product option name that can be displayed as **Color Swatches**.

Please **remember the exact option name** or copy it to use in the **Color Swatches** field in the Ecombe Editor.

<figure><img src="/files/0FXFJqBv9F6BliZEAuwr" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

#### Insert the option name into the **Color Swatches** field in the Ecombe Editor

&#x20;Put the product option name into the **Color Swatches** field in the Ecombe Editor.

<figure><img src="/files/gSMmT0QiKxqkjrCahlBC" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Make sure you are using **Source: Shopify Settings**

Ensure that the **Source** option is set to **Shopify Settings**.

<figure><img src="/files/xhqbZgWZrv6WvPCJoIhQ" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## How to display **Color Swatches from App Settings**

To display **Color Swatches using App Settings**, select **Source: App Settings**.

\[Screenshot]

After selecting this option, **Color Swatches** will be displayed based on the swatches configured in Ecombe Swatch settings.&#x20;

Here is how to set up **Color Swatches** via App settings:

{% stepper %}
{% step %}

#### Access App Settings

Access **Ecombe Page Builder app** -> **Preferences** -> **Swatch color** then click **Add Swatch** to add new Swatch.

<figure><img src="/files/GI1E0ztTBlxoBTLAgWJu" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Add Swatch&#x20;

* Click to Color Swatch Box to add color swatch. You can use the color picker or insert the color code.

<figure><img src="/files/mFR88gwmvWw38SL2GeLJ" alt=""><figcaption></figcaption></figure>

* Click to Image Swatch Box to add image swatch. To add an image swatch, copy the image link from your Shopify store and paste it into the Image link input field.

<figure><img src="/files/CdZJNS26QAIoVlzsqgKo" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Common issues

### **When should I use App Settings?**

If your store has many products, using Swatches from Shopify Settings requires manually editing each product to add variant options, which can be very time-consuming.

Instead, you can use **Ecombe Swatch Colors**. With this method, you only need to configure swatches once in **Ecombe Preferences**, saving significant time compared to editing each product individually.

Please refer to this article to learn how to add swatches in **Ecombe App Settings**.

### What is the difference between **Variant Image** and **Variant Style: Color / Image**?

#### What is **Variant Image**

**Variant Image** refers to the image assigned to each product variant.

This option allows the swatch (variant selector) to display the **actual product image** for each variant.

#### What is **Variant Style: Color / Image**

The **Variant Style: Color / Image** option allows the swatch selector to be displayed as:

* **Color swatch**: solid colors such as blue, red, yellow, etc.
* **Image swatch**: fabrics, textures, or patterns.

#### How to use

* Choose **Variant Image** if:
  * You want the swatch to display **real product images**
  * You don’t want to prepare separate swatch assets
* Choose **Variant Style: Color / Image** if:
  * You want the swatch to display **specific colors or patterns**
  * You want a clean and consistent swatch design

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# How to setup Product images with alt

This guide explains what **Product Images with Alt** is, how it works, and how to set it up correctly in Shopify.

## Overview

**Product Images with Alt** allows product images to change dynamically based on the selected variant.

When a customer selects a variant (for example, **Black**), only images that belong to that variant will be displayed. This helps customers view the correct product version without confusion.

## How It Works

The feature uses **image alt text** to determine which images should be shown.

* When a variant is selected
* The system looks for product images whose **alt text matches the variant name**
* Only matching images are displayed
* All other images are hidden

## Example

* Selected variant: **Black**
* Displayed images: Images with alt text **“Black”**
* Hidden images: Images with other alt values (e.g. “White”, “Red”)

## Before You Start

Make sure that:

* Your product has **variants** (such as Color, Style, or Finish)
* Each variant has its own set of images
* You use **exactly the same wording** for variant names and alt text (case-sensitive)

{% stepper %}
{% step %}

#### Open the Product in Shopify Admin

1. Go to **Shopify Admin**
2. Click **Products**
3. Select the product you want to apply **Product Images with Alt**

<figure><img src="/files/U6PBTWJRcnNHDHnNk3z4" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Add Alt Text to Product Images

You must assign the **variant name** as the alt text for each corresponding product image.

**Example**

If the variant name is **“Natural Oak”**, all images of that variant must have:

```
Alt text: Natural Oak
```

**How to add alt text:**

1. Click on a product image.
2. In the image details panel, find the **Alt text** field under **Information** then **enter the variant name.**
3. Click **Save.**

Repeat this process for **all variant images**.

<figure><img src="/files/r29vi6ho8ph4z7bv0IGI" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/0GKrco7TgGqDeYm5qwn4" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

#### Enable “Media by Alt”

1. Go to your **Template** and Open the **Featured Product** section.
2. Enable the **Media by Alt** option then **save** the changes.

<figure><img src="/files/zuDk6YCcw3y5GzcN120B" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/0IWTbFKZpNCPE3o4Vmrn" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### Result

Once enabled:

* Selecting a variant will no longer slide to a single image
* Instead, **all images matching the selected variant’s alt text will be displayed**
* Customers see only relevant images for the chosen variant

<figure><img src="/files/t2fACBQucAgu1QW7aYN7" alt=""><figcaption></figcaption></figure>

### Best Practices

* Use **exact variant names** for alt text (no extra words)
* Avoid mixing formats (e.g. use “Black”, not “Black color”)
* Make sure every variant has at least one image with matching alt text
* If no images match the alt text, no images will be filtered

### Common Issues

**Images do not change when selecting a variant**

* Check if alt text exactly matches the variant name
* Ensure “Media by Alt” is enabled in the section

**Only one image appears**

* Make sure all images for that variant use the same alt text

{% hint style="info" %}
Have a question? Contact us via **in-app live chat,** we'll reply in few minutes.
{% endhint %}


# How to setup product icons

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to setup Pickup In Store

This article introduces the **Pickup in store** feature in Ecombe Editor and explains how to set it up in your Shopify store.

## Overview

**Pickup in store in** (also known as **Pick up in store** or **Local pickup**) is a feature that allows customers to **place an order online and pick it up at a physical store**, instead of having it shipped to their address.

Pickup at store works based on **locations** and **product inventory**, does not require installing additional apps, and can be used alongside other delivery methods.

## Requirements to use Pickup at store

Before setting up Pickup at store, make sure that:

* Your store has **at least one Location**
* The location has **Fulfillment enabled (fulfills online orders)**
* The product has **inventory available at that location**

## How to set up Pickup at store

Follow the steps below to set up Pickup at store in your Shopify store.

{% stepper %}
{% step %}

#### Check your Locations

Go to **Shopify Admin, n**avigate to **Settings → Locations**

<figure><img src="/files/iVImTjqtdnzEaQYPPu51" alt=""><figcaption></figcaption></figure>

By default, Shopify creates one location. If you want to create more locations:&#x20;

1. Click **Add location**
2. Enter the **Location details** (Name, Address)

Make sure: **Fulfillment** is enabled

<figure><img src="/files/hI8dng7RKa9JgijeOE1m" alt=""><figcaption></figcaption></figure>

This location will be where customers pick up their orders.
{% endstep %}

{% step %}

#### Enable Pickup in store for a Location

Go to **Settings → Shipping and delivery->**&#x53;croll down to the **Pickup in store** section then Click **Set up.**

<figure><img src="/files/L9hyqlUt79Kh1xZ3ayRg" alt=""><figcaption></figcaption></figure>

Select the location you want to allow pickup from. Enable **Let customers pick up orders directly at this location**&#x20;

Configure:

* **Ready for pickup notification**
  * Example: *“Please bring your order confirmation email when picking up.”*
* **Expected pickup date**
  * Example: *“Ready within 2 hours”* or *“Same day”*&#x20;

This information will be displayed to customers during checkout.

<figure><img src="/files/oSlLAJ4obUa2ypQzsQvl" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Assign product inventory to the Location

Pickup at store **only works if the product has inventory at the pickup location**.

1. Go to **Products → select a product**
2. Scroll down to the **Inventory** section
3. Under **Locations**, make sure:
   * The location is **enabled**
   * Inventory quantity is **greater than 0**
4. If not:
   * Click **Edit locations**
   * Enable the location
   * Enter the inventory quantity

If the product has multiple variants, make sure to check the inventory for each variant.
{% endstep %}

{% step %}

#### Check display on the Ecombe Product Template

After setup is complete:

* On the **Ecombe Product Template**, when clicking the **Store available** block, it will display:
  * Store name
  * A status label such as **Pick up – Available**

<figure><img src="/files/kVFL2OjWBqwY6JYLbERq" alt=""><figcaption></figcaption></figure>

* During **Checkout**, customers will see the options:

  * **Ship**
  * **Pick up**

  <figure><img src="/files/09fF3YJ6FE86IHK738LB" alt=""><figcaption></figcaption></figure>

**Note:** Pickup at store will **not be displayed** if:

* The product is out of stock at the location
* Local pickup is not enabled for the location
  {% endstep %}
  {% endstepper %}

## Frequently Asked Questions (FAQ)

#### Does Pickup at store apply to individual products?

→ **No.** Pickup at store is not enabled per product. Instead, it is:

* Enabled per **Location**
* Applied to **all products with inventory at that location**

#### Can I hide pickup for a specific product?

→ Yes. You can do this by:

* Not assigning that product’s inventory to the pickup location, or
* Setting the inventory quantity to **0** at that location

{% hint style="info" %}
Have a question?

Contact us via **in-app live chat**. We'll reply in few minutes.
{% endhint %}


# How to Set Up Product Metafields

In this article, we will guide you through how to display **product metafields** on an **Ecombe page**.

## Overview

**Product metafields** are **custom data fields** in Shopify that allow you to store and display **additional product information** beyond the default fields such as product name, price, description, or images.

Metafields are commonly used to manage **product-specific data**, for example: materials, size charts, usage instructions, technical specifications, videos, or custom marketing content.

By using product metafields, you can:

* Organize product data in a **flexible and structured** way
* Easily **connect data** with Ecombe Page Builder to display the right content in the right place
* **Reduce manual updates** when managing information across multiple products

In short, **Product Metafields help you extend product data management and display product information in a more professional and consistent way** across your store.

## How to Display Product Metafields with Ecombe Featured Product

You can display Product Metafields in **Ecombe Featured Product** whether you already have Metafields created or you need to set them up from scratch.

Before proceeding, make sure that:

* The Product Metafield already exists in Shopify
* The Metafield has been assigned a value to the Product
* You have the correct **Metafield key** (namespace.key)

If you already have product Metafields set up, you can **Use Existing Product Metafield**s and move directly to [**Connect the Product Metafield to Ecombe Featured Product**.](#connect-the-product-metafield-to-ecombe-featured-product)

### Use Existing Product Metafields

If your already has product metafields:

1. Go to **Shopify Admin → Settings → Metafields and metaobjects → Products**
2. Open the existing Metafield definition you want to use
3. Copy the **Metafield key**
4. Make sure the Metafield has a value assigned to the product
5. Proceed to [**Connect the Product Metafield to Ecombe Featured Product**](#connect-the-product-metafield-to-ecombe-featured-product-1)&#x20;

### Set Up New Product Metafields via Shopify Admin

If you don’t have Product Metafields yet, follow the steps below to create one before connecting it to Ecombe Featured Product.&#x20;

{% stepper %}
{% step %}

#### Access Product Metafield Definitions

Go to **Shopify Settings → Metafields and metaobjects → Products**

<figure><img src="/files/9D2VZ1XJPWwOIefXlwdL" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Set Up a New Product Metafield

On the **Product metafield definitions** page, click **Add definition** to create a new metafield.

<figure><img src="/files/pxrzVXtL2RT0DfS3ngmM" alt=""><figcaption></figcaption></figure>

In the **Add product metafield definition** screen, enter the required information such as **Name, Type, and Category assignments (optional)**.\
Click **Save** to store your settings.

<figure><img src="/files/5zniJcpov5xYwtraiJQT" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Get the Metafield Key

After successfully creating the metafield, Shopify will generate the **Metafield namespace and key** for you.

By default, the format is **namespace.key**.\
You will need to enter this exact **key** in **Ecombe Featured Product**.

<figure><img src="/files/A7mywlCxZudnVJCIag5d" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Assign the Metafield to a Product

Once the metafield is created, you need to assign it to a product.

Go to **Products** in Shopify Admin, open a product, then scroll down to the **Product Metafields** section and enter the value for the Metafield.

<figure><img src="/files/uwZ0yjcBc40oBohV0LnR" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Connect the Product Metafield to Ecombe Featured Product

Once the metafield is ready (existing or newly created):

1. Open the page in **Ecombe Page Builder**
2. Add or select the **Collapsible content** element&#x20;
3. Enter the exact **metafield key** (namespace.key) into the corresponding metafield field
4. Save and publish the page

The product metafield content will now be displayed in the **Ecombe Featured Product**.

## Result

After completing the steps above, the product metafield will be successfully displayed in the **Ecombe Featured Product**.

<figure><img src="/files/lLR1zO83tJ3u39VQrfJF" alt=""><figcaption></figcaption></figure>

## Common Issues

#### 1. Product metafield does not display in Ecombe Featured Product

**Possible causes:**

* The metafield has not been assigned a value for the product
* The **metafield key** (namespace.key) is entered incorrectly
* The metafield type is not compatible with the element being used

**How to fix:**

* Check the product in Shopify Admin and make sure the metafield contains data
* Copy the metafield key exactly from Shopify (do not add extra spaces)
* Make sure your metafield type is **text**. If you want to display other types such as images, links, etc., please contact our support team for assistance.

#### 2. Metafield displays empty or shows no content

**Possible causes:**

* The product has not been assigned a value for the metafield
* The metafield was created but not applied to the product

**How to fix:**

* Open the product in Shopify Admin
* Scroll down to the **Product metafields** section and enter a value for the corresponding metafield
* Save the product and refresh the Ecombe page

## FAQ

#### 1. Can I use one product metafield for multiple products?

**Yes.** Product metafields are created at the **definition** level, so you can use the same metafield for multiple products and assign different values to each product.

#### 2. Do I need to create a new metafield for each product?

**No.**&#x59;ou only need to create the metafield **once**, then assign values to each product in Shopify Admin.

#### 3. Is the metafield key case-sensitive?

**Yes.** Metafield keys are **case-sensitive**, so you must enter the exact namespace and key as shown in Shopify Admin.

#### 4. Why does the metafield display correctly in Shopify but not on the Ecombe page?

**Possible reasons:**

* The Ecombe page has not been published
* The element is not correctly linked to the metafield key
* The product selected in the Featured Product element is different from the product where the metafield value was assigned


# Discount

This article will introduce you to the Discount feature, the types of discounts supported by Shopify, and how to set up automatic discounts to work with Ecombe Product bundles.

## Overview

### Introduction to Shopify Discounts

**Discounts** are a built-in Shopify feature that allows merchants to offer promotions and incentives to customers during the shopping and checkout process. Discounts help encourage purchases, increase conversion rates, and support marketing campaigns such as seasonal sales, product launches, or special offers.

In Shopify, discounts can be applied at different levels of the cart and checkout, including products, the entire order, or shipping fees. Discounts can be created as **automatic discounts** or **discount codes**, depending on how you want customers to receive the promotion.

Understanding how Shopify discounts work is essential to ensure your promotions apply correctly and provide a smooth customer experience.

### What is an Automatic Discount

An **automatic discount** is a type of discount that is applied automatically when a customer meets the required conditions. Customers do not need to enter a discount code at checkout.

Automatic discounts are commonly used to:

* Reduce friction at checkout
* Ensure eligible customers always receive the promotion
* Run site-wide or conditional promotions

**Examples:**

* Automatically apply 10% off when the order total exceeds $100
* Automatically apply a Buy X Get Y promotion when required items are added to the cart

Shopify allows only **one automatic discount of each type** to be active at the same time.

## Discount Types in Shopify

Shopify provides several discount types, each designed for different promotional goals.

### Amount off discounts

**Amount off discounts** reduce the price by a fixed amount or a percentage.

They can be applied to:

* Specific products or collections
* The entire order (order-level discounts)

**Common use cases:**

* 20% off selected products
* $30 off orders over $200

### Buy X Get Y discounts

**Buy X Get Y discounts** reward customers when they purchase a specific quantity or product.

This discount type encourages customers to add more items to their cart.

Important behavior to note:

* Customers must manually add the eligible “Get” product to the cart
* Shopify applies the discount automatically once all conditions are met

**Common use cases:**

* Buy 2, get 1 free
* Buy 3 items and get a free gift

### Free shipping discounts

**Free shipping discounts** reduce or remove shipping costs for eligible orders.

They help reduce checkout friction and improve conversion rates.

These discounts can be limited by:

* Minimum order value
* Shipping zones
* Shipping methods

**Common use cases:**

* Free shipping on orders over $100
* Free domestic shipping

### Amount off order

**Amount off order** is a type of amount off discount that applies directly to the **order total**, rather than individual products.

This discount is calculated based on the order subtotal (before tax and shipping) and is commonly used for site-wide promotions.

**Common use cases:**

* 10% off the entire order
* $25 off orders over $150

### Summary

* **Discounts** help drive sales and improve customer experience
* **Automatic discounts** apply automatically when conditions are met
* Shopify supports multiple discount types, including:
  * Amount off discounts
  * Buy X Get Y discounts
  * Free shipping discounts
  * Amount off order discounts

Each discount type serves a different purpose and can be combined with other discounts depending on your store’s discount combination settings.

## Related articles

To learn more about each type of discount, please refer to the following articles.

{% content-ref url="/pages/6sJQMCBsLYPN4vFICcC0" %}
[How to set up Amount off discounts](/editor-and-functions/editor-features/discount-combinations/how-to-set-up-amount-off-discounts)
{% endcontent-ref %}

{% content-ref url="/pages/jAJbRPe4VxENH9RboOPQ" %}
[How to set up Buy X Get Y discounts](/editor-and-functions/editor-features/discount-combinations/how-to-set-up-buy-x-get-y-discounts)
{% endcontent-ref %}

{% content-ref url="/pages/6LwSA5E4XU4xwqUYVG5I" %}
[How to set up Amount off order](/editor-and-functions/editor-features/discount-combinations/how-to-set-up-amount-off-order)
{% endcontent-ref %}

{% content-ref url="/pages/zjZG4V1jlATnmYsKaY6T" %}
[How to set up Free shipping discounts](/editor-and-functions/editor-features/discount-combinations/how-to-set-up-free-shipping-discounts)
{% endcontent-ref %}


# How to set up Amount off discounts

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/2/2026 — new content is on the way!


# How to set up Buy X Get Y discounts

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/2/2026 — new content is on the way!


# How to set up Amount off order

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/2/2026 — new content is on the way!


# How to set up Free shipping discounts

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/2/2026 — new content is on the way!


# Store optimization

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Enable Ecombe Analytics

This guide walks you through how to set up and connect Google Analytics with Ecombe. By integrating Google Analytics, you can track page performance, enable accurate A/B testing results, and access detailed page analytics. Follow this setup to ensure all visitor data is captured correctly and your optimization tools work as expected.

## Google Analytic, what’s that?

**Google Analytics** is a web analytics tool developed by Google. It allows store owners to monitor website traffic and user behavior across their site. Key metrics include pageviews, sessions, bounce rate, traffic sources, device types, and more.

For Shopify users, connecting Google Analytics helps clarify how visitors interact with your store. Where they come from, what pages they visit, and how they convert. This data is foundational for making informed decisions about marketing, layout, and content performance.

## Why Do I Need Google Analytics?

When you set up Google Analytics, a tracking tag is added to your website. This tag collects data each time someone visits your site or performs an action (such as clicking a button or making a purchase). These interactions are recorded as “events” in Google Analytics 4 (GA4), the newest version of the platform.

If you are building your store with Ecombe, you may be customizing layouts, running A/B tests, or optimizing your product pages. Google Analytics supports this process by providing measurable insights into how users engage with each version of your designs.

## How to Set Up Google Analytics (GA4) for Your Shopify Store

### Step 1: Create a Google Account

To use Google Analytics, you need a Google account. If you already have one, you can skip this step. However, we recommend creating a dedicated account specifically for tracking and analytics to keep everything organized.

If you don’t have an account yet:

* Visit: [**accounts.google.com/signup**](https://accounts.google.com/signup)
* Enter your information to create a new account

### Step 2: Create a Google Analytics Account

* Visit [**analytics.google.com**](https://analytics.google.com)
* Sign in with your Google account
* Click **Start Measuring**
* In the account setup screen:

  **Enter an account name** (e.g., “My Shopify Store Analytics”).\
  You can leave the data-sharing settings as default or adjust them based on your store’s privacy policy.

  Click **Next** to continue.

### Step 3: Create a GA4 Property

In Google Analytics, a **property** represents a specific digital asset you want to track—this could be a website, mobile app, blog, or any digital product. Each property gets its own **unique tracking ID**.

You would create a **separate property** for each to ensure data is collected independently. This way, you can track performance, user behavior, and conversions for each store without any overlap.

{% stepper %}
{% step %}

#### Property setup

1. Enter your property name (e.g. “Your store name”)&#x20;
2. Set your reporting time zone (important for daily analytics)&#x20;
3. Choose your currency&#x20;
4. Click **Next**

<figure><img src="/files/bVpNzCMhS0pzCjYXfG8H" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Business details

1. Select **Industry category** (e.g. Business & Industrial)
2. Select **Business size**
3. Click **Next**

<figure><img src="/files/zKOxUjTClvtkfvfw9CqT" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Business objectives

1. Select **Business objectives**
2. Click **Create**

<figure><img src="/files/gKEtiEGebHGPHTD5ZTST" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
We recommend Drive sales

Because Shopify is an eCommerce platform, your main goals are to:

* Track revenue
* Track the customer purchase journey
* Track add-to-cart, begin checkout, and purchase events
* Optimize your conversion rate

GA4 will also recommend several eCommerce-specific reports when you select this objective.
{% endhint %}
{% endstep %}

{% step %}

#### Data collection

Please read Google's terms and policies carefully, then click **Accept** to complete creating a GA4 Property
{% endstep %}
{% endstepper %}

### Step 4: Set Up a Data Stream

{% stepper %}
{% step %}

#### Choose a platform

Choose Web as your platform

<figure><img src="/files/YBUSkQQvuyCyNh8r6Xbq" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Set up data stream <a href="#slider-panel-3" id="slider-panel-3"></a>

1. Enter your Shopify store’s URL (use your custom domain, e.g. <https://yourstore.com>)
2. Name your stream (e.g. “Main Store Stream”)

<figure><img src="/files/70JANQ69zSjfPon8GWKt" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Start collecting data

Click **Next** to complete the setup steps and navigate to the Google Analytics home page

<figure><img src="/files/huJ5LNm4Re4Hhob5cjfD" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### Step 5: Enable Ecombe Analytics

After you have successfully created your Google Analytics account, set up a GA4 property, and created a data stream, you will need to connect it to the Ecombe app.

{% stepper %}
{% step %}

#### **Enable Ecombe Analytics**

Open the Ecombe app, go to **Preferences** > **Analytics** > **Enable** **Ecombe Analytics** then\
select the Google account you created earlier in Step 2 for tracking and measurement.

<figure><img src="/files/ZooGP3jqt9e80YnxdHIB" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### **Configure Ecombe Analytics**

1. Select your **Account**&#x20;
2. Select your **Property**&#x20;
3. Select your **Data Stream**&#x20;
4. Click **Select** to complete the setup

<figure><img src="/files/Rc5pDHZ8pfgpQ3GDZrcl" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## How to Verify Your Setup Is Working

After completing the configuration, you can verify that Ecombe has successfully connected to the correct Account, Property, and Data Stream by clicking **View GA connections**.

The system will display your **Connection history**.

Check the latest connection entry — if it shows the **Connected** tag, Ecombe is successfully linked to your Google Analytics account.

<figure><img src="/files/l33yfXACaG8oJaDkkTBa" alt=""><figcaption></figcaption></figure>

## Frequently Asked Questions

#### **Why do I need to connect Google Analytics to my store?**

Ecombe relies on tracking data collected by Google Analytics to calculate page performance, run A/B testing, and generate analytics reports. Without this connection, Ecombe cannot track user behavior or provide accurate insights.

#### **Does Ecombe collect my sales or personal data?**

No. Ecombe does **not** collect sales data, customer personal information, or order details.\
Ecombe only uses behavioral tracking data already collected by Google Analytics (such as page views, clicks, scrolls) to generate analytics and testing results.

#### **I connected Google Analytics to Ecombe, but I’m not seeing any data. What should I do?**

If you have connected successfully but no data is appearing:

* GA4 may take **up to 24 hours** to begin recording data.
* Ensure your **tracking tag is properly installed** on all pages.
* Confirm you selected the **correct GA4 property and data stream** during setup.
* Check whether Google Analytics is receiving any traffic by using **Realtime reports**.

If you still don’t receive data, please [contact our support team](/getting-started/setup-and-quick-start/contact-support) for assistance.


# How to set up and use Analytics to tracking Ecombe page

## Overview

This documentation is designed to help you understand how to use **Ecombe Analytics** to tracking your page. It explains the purpose of Analytics, how to enable it, how to set it up, and how to interpret each insight.

By following this guide, you will learn how to read the key metrics, understand visitor behavior, and use data to make more informed decisions when optimizing your layouts and improving the shopping experience on your Shopify store.

## Ecombe Analytics, what’s that?

Ecombe Analytics lets you view your page's performance and how Ecombe pages can help you grow your business and increase sales. By visualizing metrics, you can get an overview of your page's performance and see how it changes over time. This information can help you make better business decisions.

## What can Ecombe Analytics do?

Ecombe Analytics helps you track the performance of each page by providing real user-behavior data. Based on metrics such as Add to Cart, Product Views, Visitors, Sessions, Top Products, and Heat Map, Page Analytics allows you to:

* **Understand how visitors interact with your page**

  Easily see what users are viewing, where they interact, and which products they find interesting.
* **Evaluate your page’s conversion performance**

  Track Add to Cart behavior to see whether your page effectively drives users closer to purchase.
* **Analyze traffic and user return frequency**

  Visitors and Sessions help you understand traffic quality and how often users come back.
* **Identify your most attractive products**

  Top 5 Products by Add to Cart reveals standout products so you can optimize presentation or focus marketing efforts.
* **Improve your page layout based on real behavior**

  The Heat Map shows which areas get the most attention, helping you optimize CTA positions or important information.

With this, you can optimize pages more effectively, increase engagement, and improve conversions based on clear data instead of assumptions.

## **Why Analytics is important for Shopify merchants**

Analytics helps Shopify merchants make accurate decisions based on data instead of intuition. By understanding the real performance of each page, merchants can prioritize the right content, reduce risks when optimizing layouts, and use their marketing budget more efficiently. This not only improves the customer shopping experience but also increases conversion rates and supports sustainable business growth.

## Enable Ecombe Analytics to tracking page performance

Ecombe Analytics uses data from Google Analytics (GA4) to calculate and analyze metrics. You need to enable Ecombe Analytics in order to set up and tracking page performance. If you have already enabled Ecombe Analytics, you can skip this step. If not, please refer to [this guide](/editor-and-functions/store-optimization/enable-ecombe-analytics) and then continue setting up Analytics.

## How to Set Up Analytics and View Insights

In this section, you will learn how to create a complete Page Analytics Campaign and view its metrics.

### Set Up Analytics

After your page is **published**, Ecombe Analytics will automatically track and analyze performance based on Google Analytics data.

### View Analytics Insights

After you create a Page Analytics Campaign, the data will take approximately **24 to 48 hours** for Google to collect.

To view the analytics results, go to **Pages** and click the **Analytics** icon for the corresponding page.

<figure><img src="/files/6f3mF03nSjsVRaLJcCSL" alt=""><figcaption></figcaption></figure>

You can observe insights over a specific period using the date filtering feature.

<figure><img src="/files/7liWxEHdROAsEeOIt82z" alt=""><figcaption></figcaption></figure>

## **Page Analytics Insights Explained**

This section helps you understand the meaning of each metric provided in Ecombe Page Analytics. By understanding metrics such as Add to Cart, Product Views, Visitors, Sessions, Top Products, and Heat Map, you can interpret your data accurately and make better optimization decisions based on actual visitor behavior.

<figure><img src="/files/TtgXzTYsRNMtu8RVqC9S" alt=""><figcaption></figcaption></figure>

**Add to Cart:** the number of products added to cart from the page. This metric reflects conversion performance and shows how effective the page layout, CTA, and content are.

**Product Views:** total number of product views. Helps assess how interested visitors are in the products displayed on the page.

**Visitors:** number of unique visitors. Indicates how many real users visit the page within a given time period.

**Sessions:** total number of sessions. A single user can generate multiple sessions. Used to monitor activity levels and user return frequency.

**Top 5 Products by Add to Cart:** the five products added to cart the most. Helps identify highly attractive products and supports decisions about display optimization or marketing strategy.

**Heat Map:** a map showing where users interact most on the page. Helps you see which areas attract attention and which are ignored, supporting UX layout optimization.

## How to Manage All Analytics Campaigns

To manage all Analytics Campaigns, go to **Analytics** in the Shopify sidebar.

**Tracking Status and what they mean:**

* **Tracking:** The page is currently being analyzed.
* **Not tracking:** The page is not being analyzed. Please check whether the page has been published. Ecombe Analytics can only track pages that are already published.

<figure><img src="/files/iFsezKB0I2xTOvs2pRwF" alt=""><figcaption></figcaption></figure>

## Best Practices for Page Analytics

Some tips from our experts to help you use Analytics more effectively

#### **1. Use Heat Map data to optimize layout placement**

Use Heat Map insights to identify which areas of the page receive the most attention. Place important elements, such as CTAs, key product information, or promotional banners in high-interaction zones to improve engagement and conversions.

#### **2. Focus on top-performing products identified by Add to Cart**

The “Top 5 Products by Add to Cart” metric helps you quickly identify which products attract the most interest. Prioritize these items in your layout, highlight them in promotions, or feature them more prominently to maximize impact.

#### **3. Monitor Add to Cart and Product Views to understand user behavior**

Track how often users view products and add them to cart to evaluate how effectively your page influences purchase intent. Patterns in these metrics can guide decisions on layout adjustments, content improvements, or product positioning.

#### **4. Avoid making decisions based on small data samples**

Metrics such as Add to Cart, Product Views, Visitors, and Sessions require sufficient data to reflect real user behavior. Avoid drawing conclusions when the dataset is too small, as it may produce misleading insights.

Aim to collect **at least 500 Sessions** to ensure your analysis is objective and statistically meaningful.

## FAQ

**1. Why can’t I see my page being tracked?**

Ecombe can only track pages that are published. Please make sure the page has been published.

**2. Why can’t I see any metrics?**

Data delay, some data may not appear within the selected time range because Google Analytics 4 can take **24 to 48 hours** to process new data.

Please check again after this time window. If you still don’t see any data, feel free to [contact our support](/getting-started/setup-and-quick-start/contact-support) team.


# How to create and run A/B tests to optimize page

## Overview

This guide introduces **Ecombe A/B Testing** and walks you through how to create an A/B test to determine which page version delivers better results. You’ll learn the purpose of A/B testing, how to enable it, and how to interpret test results to optimize your store’s performance effectively.

## Ecombe A/B testing, what is that?

Ecombe A/B testing is a simple but powerful method for comparing two versions of a page. It helps you understand which version performs better in driving user actions such as clicks, add to cart, product views, or conversions.&#x20;

In this test, traffic is split between two versions: Version A (the original) and version B (the variation). By measuring user behavior, you can make data-driven decisions to improve your store.

For example, you can test two different “Add to Cart” button colors to see which one receives more clicks. This method reduces guesswork and increases your chances of improving sales and engagement.

## What can Ecombe A/B testing do?

Ecombe A/B Testing allows you to evaluate and compare different page variations to understand which version delivers the best performance. With this feature, you can:

* **Test page performance across different devices**&#x20;

  Run separate tests for Desktop, Tablet, and Mobile to to analyze behavior on each device.
* **Measure key performance metrics**&#x20;

  Track essential behavioral and conversion metrics, including Add to cart rate; Click rate; Product view rate; Conversion rate.
* **Test by visitor type**&#x20;

  Choose which audience segment will participate in the experiment: All visitors, New visitors, Returning visitors. This helps you testing and understanding of the behavior of specific target groups.
* **Control traffic distribution:**&#x20;

  Assign a specific percentage of traffic to each variant to test evenly or to prioritize certain versions.
* **Automatically apply the winning variant**&#x20;

  When the test concludes, the system can automatically set the best-performing version as the final page design.

## Why A/B testing is important for Shopify merchants

A/B Testing is essential for Shopify merchants who want to optimize store performance without relying on assumptions. Without A/B Testing, your pages are exposed to lost sales, inconsistent user experiences, and guess-based decisions.

With A/B Testing, you gain:

* **Data-driven insights**

  Make confident decisions based on real shopper behavior, not assumptions.
* **Higher conversion rates**

  Identify which layout, product presentation, or call-to-action generates more engagement and sales.
* **Smarter, faster growth**

  Continuously improve your store by testing ideas, discovering what works, and automatically applying winning versions.

A/B Testing empowers Shopify merchants to turn every page into a high-performing, revenue-driving asset.

## Enable Ecombe A/B testing to track page conversion

Ecombe A/B testing uses data from Google Analytics (GA4) to calculate and analyze metrics. You need to enable Ecombe Analytics in order to set up and track page performance. If you have already enabled Ecombe Analytics, you can skip this step. If not, please refer to [this guide](https://help.ecombe.com/editor-and-functions/store-optimization/enable-ecombe-analytics) and continue setting up Analytics.

## How to Set Up an A/B test and View Insights

In this section, you will learn how to create a complete A/B test and view its metrics.

### Set Up a A/B test

To create an A/B test, your page must be published so users can access it and generate measurable data. Make sure the page is published.

#### 1. Create a new test

Go to the page editor where you want to create an A/B test, click **the A/B test Icon** in the Left Sidebar then click **Create a new test**.&#x20;

<figure><img src="/files/ygCAPEsxvPH93glA60Ou" alt=""><figcaption></figcaption></figure>

#### 2. Configure the test

Set up the A/B test according to your measurement needs.

<figure><img src="/files/DrRPwd0AXNQyAgZXBaBf" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="52.77978515625"></th><th width="306.0797119140625"></th><th></th></tr></thead><tbody><tr><td>1</td><td><strong>Test title</strong></td><td>Enter a name for the test.</td></tr><tr><td>2</td><td><strong>Test device</strong></td><td>Select the device type you want to test: Desktop, Tablet, or Mobile.</td></tr><tr><td>3</td><td><strong>Measuring type</strong></td><td><p>Choose the action used to determine the performance of versions A and B:</p><ul><li><strong>Add to cart rate:</strong> the percentage of sessions where a product is added to cart.</li><li><strong>Click rate:</strong> the percentage of sessions where visitors click any element on the page.</li><li><strong>Product view rate:</strong> the number of times a specific product is viewed within a selected period.</li><li><strong>Conversion rate:</strong> the percentage of sessions where visitors click a trackable element from the page.</li></ul></td></tr><tr><td>4</td><td><strong>Test visitor type</strong></td><td><p>Select A/B test participants:</p><ul><li><strong>All visitor:</strong> all users</li><li><strong>New visitor:</strong> users visiting your store for the first time </li><li><strong>Returning visitor:</strong> users who have visited your page before.</li></ul></td></tr><tr><td>5</td><td><strong>Set traffic for each variant</strong></td><td>Control how much visitor traffic is sent to each page version during the test.</td></tr><tr><td>6</td><td><strong>Start test immediately</strong></td><td>Start the A/B test immediately after creation, or schedule a start date.</td></tr><tr><td>7</td><td><strong>Auto-end after period</strong></td><td>End the A/B test after the selected duration.</td></tr><tr><td>8</td><td><strong>Auto-apply winner after test ends</strong></td><td>Automatically set the winning version as the main page after the test ends, based on the selected measuring type.</td></tr></tbody></table>

#### 3. Start test

Click **Start test now** if you chose “Start test immediately,” or choose **Create Schedule test** if you selected a scheduled date.

<figure><img src="/files/GvQdVXSPcwyNTqqYku3O" alt=""><figcaption></figcaption></figure>

#### 4. Editing Variant version (B)&#x20;

After creating and starting an A/B test, the system automatically generates two page versions: **Version A (Original)** and **Version B (Variant)**.\
To run a meaningful experiment, you will need to edit **Version B** and adjust its layout or content so that it differs from **Version A**.

1. In the editor, use the toggle at the top to switch between the two versions:&#x20;

* **Version A – Original**&#x20;
* **Version B – Variant**

2. Select **Version B** to begin customizing the variant.

**After making your changes, remember to click&#x20;*****Save*****&#x20;to apply them.**

<figure><img src="/files/cXer91wsytjmpcEYGqB6" alt=""><figcaption></figcaption></figure>

If you need help customizing or updating your theme for this variant, please [contact us](/getting-started/setup-and-quick-start/contact-support). Our team is happy to assist with your theme changes or improvements.

### View Insights

After your A/B test starts, you can quickly view A/B test information directly inside the editor.

<figure><img src="/files/rhAQw1tOISIkzqE5jwwp" alt=""><figcaption></figcaption></figure>

To see all detailed information about the A/B test, click “Go to A/B analytics to view full test results” in the editor or go through: **Analytics** > **Manage A/B test** > **Select an A/B test** to view all Insights.

{% stepper %}
{% step %}
**Access Manage A/B test**

Click **Analytics** on the Shopify sidebar > **Manage A/B test**.

<figure><img src="/files/fLbWyHVg88PctbgjWOWR" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Choose the A/B test to view Insights**

Select the A/B test you want to view Insights.

<figure><img src="/files/J0Op3OhvUNvNfb3gSln5" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
After you run a A/B test, the data will take approximately **24 to 48 hours** for Google to collect.
{% endhint %}

## A/B testing Insights explained

This section helps you understand the data and metrics shown in the A/B test result dashboard. It guides you on how to use the results effectively to decide which Original (A) or Variant (B) is the best.

#### Test Result

<table data-header-hidden><thead><tr><th width="168.78997802734375"></th><th></th></tr></thead><tbody><tr><td><strong>Test status</strong></td><td><p>Displays the status and outcome of the A/B test:</p><ul><li><strong>Scheduled:</strong> The test will begin at the scheduled start time.</li><li><strong>Active:</strong> The test is currently running.</li><li><strong>Complete:</strong> The test has finished.</li></ul></td></tr><tr><td><strong>Test result</strong></td><td>Display results during and after the A/B test.</td></tr></tbody></table>

#### Campaign Information

<table data-header-hidden><thead><tr><th width="169.9822998046875"></th><th></th></tr></thead><tbody><tr><td><strong>Overview</strong></td><td><p></p><ul><li><strong>Goal metric:</strong> The target metric used to determine the better-performing version.</li><li><strong>Device:</strong> The device type used in the test.</li><li><strong>Visitor type:</strong> The visitor segment included in the test.</li></ul></td></tr><tr><td><strong>Runtime</strong></td><td><p></p><ul><li><strong>Start time:</strong> When the test began.</li><li><strong>End time:</strong> When the test ended.</li><li><strong>Time elapsed:</strong> Remaining time until the campaign auto-ends.</li></ul></td></tr><tr><td><strong>Traffic allocation</strong></td><td><p></p><ul><li><strong>Page Traffic Tested:</strong> Total traffic included in the campaign.</li><li><strong>Traffic tested split:</strong> The percentage of traffic allocated to versions A and B.</li></ul></td></tr></tbody></table>

#### Test overview

Provides an overview of the results for both Original version (A) and Variant version (B).

<table data-header-hidden><thead><tr><th width="169.56829833984375"></th><th></th></tr></thead><tbody><tr><td><strong>Win probability</strong></td><td>Win rate of the version</td></tr><tr><td><strong>Add to cart</strong></td><td>Number of add-to-cart actions</td></tr><tr><td><strong>Product views</strong></td><td>Number of product views</td></tr><tr><td><strong>Visitors</strong></td><td>Number of unique visitors</td></tr><tr><td><strong>Sessions</strong></td><td>Number of sessions</td></tr></tbody></table>

In addition to the metrics, Ecombe A/B Test provides charts to help you easily visualize differences between versions A and B.

<figure><img src="/files/lTxeDn7HL12uirnSMsjw" alt=""><figcaption></figcaption></figure>

## Best Practices for A/B testing

#### Step 1: Collect (and analyze) data

The goal of this step is to identify pages with issues such as high bounce rate, drop-off rate, low add to cart, or low conversions. You can use [Ecombe Analytics](/editor-and-functions/store-optimization/analytics) to collect data and identify issue.

#### Step 2: Define the direction and goals of the test

For example, increasing website traffic, raising conversion rate, lowering bounce rate, or reducing cart abandonment.

#### Step 3: Form a hypothesis

List ideas and hypotheses for A/B testing. For example: moving a signup box to the top left may increase registrations, changing the button color may increase clicks, etc.

#### Step 4: Determine sample size and test duration

Typically, you can test with at least 500 sessions and 10 target events to make a prediction.

#### Step 5: Create the new version for A/B testing

The new version should change only **one variable** to ensure clear comparison and conclusions about its impact on the goal defined in Step 2.

#### Step 6: Analyze results and conclude

If the new version performs better, apply the change. If not, continue testing further to find the winning version.

## FAQ

**1. What happens when an A/B test ends?**

When you create an A/B testing campaign, the system asks whether you want to “Auto-apply winner after test ends.”

* If you choose **“Yes, set the winner as main page,”** the system automatically applies the winning version as the main page.
* If you choose **“No, keep the original page as main,”** the system allows you to decide manually.

**2. What is the difference between Visitors and Sessions?**

Although both measure traffic, **Sessions** and **Visitors** track completely different things.

* **Visitors:** the number of unique people who visit your page. One person counts as **1 visitor**, even if they visit multiple times.&#x20;

  Example: 1 person visits 3 times → still **1 visitor**.
* **Sessions:** One **visit/session** to your page, starting when the user opens the page and ending when they leave. One visitor can create **multiple sessions**.&#x20;

  Example: 1 person visits in the morning and again in the afternoon → **2 sessions**

{% hint style="info" %}
Have a question? Contact us via **in-app live chat,** we'll reply in few minutes.
{% endhint %}


# How to optimize page for better performance and SEO

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to translate pages into multiple languages

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to customize layouts for each market

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to integrate 3rd app into Ecombe Page

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Recommendation app

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Product review

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Discount


# Shipping and Payment


# Subscriptions


# Conversion


# FAQ

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How do I remove all Ecombe code from my theme

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# What happened if I downgrade my plan

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# How to get store password

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Where can I get the variant name

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Troubleshooting

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# 256kb

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Ecombe page not showing on storefront

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!


# Overview

### 📘 Documentation Coming Soon

We're currently working on this documentation to ensure it’s clear, complete, and truly helpful for you.\
Please comeback in 1/1/2026 — new content is on the way!