# 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 

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.


---

# 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://help.ecombe.com/pages-and-section-creations/pages/how-to-create-blog-post-page-with-ecombe.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.