# EComposer Landing Page Builder

### What is EComposer Landing Page Builder

**EComposer Landing Page Builder** is a powerful and user-friendly Shopify app that allows merchants to create stunning, high-converting pages and sections for their store without any coding knowledge. 

Featuring a live drag-and-drop editor, it enables users to design and customize landing pages, homepages, product pages, collection pages,... with ease.

<figure><img src="/files/WJPOX5jxhsTat5cQTsfh" alt=""><figcaption><p>EComposer Landing Page Builder</p></figcaption></figure>

Packed with a rich design library offering countless page layouts, section templates, and elements, **EComposer** simplifies the page-building process while maintaining a Shopify-standard UI.&#x20;

**EComposer** ensures your store stays fast with speed-optimized tools and lazy loading features. With advanced capabilities like global blocks, AI content generation, and detailed page analytics, it’s the ultimate page builder for Shopify stores.

### How to use EComposer Landing Page Builder with Joy Subscription

**Get EComposer Landing Page Builder**

{% hint style="info" %}
Before start, please install the app [**here**](<https://apps.shopify.com/ecomposer?utm_source=joy-subscriptions\&utm_medium=user-guide-section\&utm_campaign=partner >).
{% endhint %}

<figure><img src="/files/wvDqfcJuqglqmB8DCoF5" alt=""><figcaption><p>Install EComposer</p></figcaption></figure>

**Use EComposer Landing Page Builder with Joy Subscription**

Below is the step-by-step guide to activate Joy Subscription in EComposer Landing Page Builder.

{% stepper %}
{% step %}

#### Open EComposer from your Shopify account

Navigate to search bar and search for EComposer Landing Page Builder
{% endstep %}

{% step %}

#### Start building

Click on **`Start building`** button
{% endstep %}

{% step %}

#### Choose Product page type and template

Choose **`Product`** from page types list and a template you like
{% endstep %}

{% step %}

#### Set up general page info

Fill out **Template name**, **Template slug** and **Header & Footer** for your new page
{% endstep %}

{% step %}

#### Install Joy Subscription

Navigate to Extension library, search for **Joy Subscription** and Install it.
{% endstep %}

{% step %}

#### Add Joy Subscription widget

Find **Joy Subscription** under **`Elements > Extensions`** and drag & drop its section to your preferred location in product page.
{% endstep %}

{% step %}

#### Save & Publish

Save and publish your page
{% endstep %}

{% step %}

#### View how it looks on your store

{% endstep %}
{% endstepper %}

{% embed url="<https://app.arcade.software/share/C6LkUwbjHQQMwPpuDIw8>" %}
Use EComposer with Joy Subscription
{% endembed %}

All done! Now your Product page is ready with attractive theme from **EComposer** and engaging subscription from **Joy Subscription**!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avada.io/joy-subscriptions/integrations/ecomposer-landing-page-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.