Create Page Templates: Difference between revisions

From Posstack.com Documentation
No edit summary
No edit summary
Line 19: Line 19:
  '''Note''': For each type of page (Product page, Webpage, Blog Post page), you just need one Clean template only. If a Clean template for the webpages does exist, please discard Step 2 - Create a Clean template for pages. The same rule applies to other types of pages - Product and Blog Post pages.  
  '''Note''': For each type of page (Product page, Webpage, Blog Post page), you just need one Clean template only. If a Clean template for the webpages does exist, please discard Step 2 - Create a Clean template for pages. The same rule applies to other types of pages - Product and Blog Post pages.  


====Step 3: Create a product template ====  
====Step 3: Create a webpage template with prebuilt Easy Content Builder templates ====  


* From the Webpage Edit page, click '''More actions''' (that appears in the upper-right of the form), click '''Create Template for this product''':
* From the Webpage Edit page, click '''More actions''' (that appears in the upper-right of the form), click '''Create Template for this product''':
Line 31: Line 31:
* When prompted to confirm, click ‘OK’. Then, you will be automatically directed to the Theme Editor where you can start adding content blocks to the template you’ve just created (Please refer to sections [[Add Sections]] and [[Add Blocks|Adding ECB Blocks]] for more details).  
* When prompted to confirm, click ‘OK’. Then, you will be automatically directed to the Theme Editor where you can start adding content blocks to the template you’ve just created (Please refer to sections [[Add Sections]] and [[Add Blocks|Adding ECB Blocks]] for more details).  


==== Step 4: Assign a template to the product you've just created. ====
==== Step 4: Assign a template to the webpage you've just created. ====
  If you complete '''Step 3.1 Create a product template with prebuilt Easy Content Builder templates''', the app automatically assigns the template you've created to the selected product.  
  If you complete '''Step 3 Create a product template with prebuilt Easy Content Builder templates''', the app automatically assigns the template you've created to the selected webpage.  
When you want to manually assign available templates to a product, you can follow these steps:
When you want to manually assign available templates to a webpage, you can follow these steps:
* Go to the Shopify admin > Products, open the product you want and assign the template you’ve created (under the '''Theme Template''' section).  
* Go to the Shopify admin > Products, open the product you want and assign the template you’ve created (under the '''Theme Template''' section).  
: [[File:Create product template 2.jpg|1200x1200px]]
: [[File:Create product template 2.jpg|1200x1200px]]

Revision as of 04:41, 22 November 2022

Webpages - such as About Us, Contact Us, Store Policies pages, etc - are important for building trust with your customers.

You can create webpages in your Shopify admin, then add rich content blocks using Easy Content Builder following the steps below:

Step 1: Create a new page:

  • From your Shopify admin, click Online Store (under the Sales channels section)
  • Click Pages, then click Add page.
  • Enter a title and content for the page.
  • Click Save (by default your new page will be visible when you click Save).

Step 2 (optional): Create a Clean template

A Clean template allows you to hide/remove unused sections of your default templates and only display custom app sections created by the Easy Content Builder.

We recommend you create three Clean templates, each for a type of page - Product page, Webpage, and Blog Post page. Once created, you will have three Clean template files with the .clean suffix (product.clean.json, page.clean.json, article.clean.json).

Learn more about What a Clean template is and How to create a Clean template.

Note: For each type of page (Product page, Webpage, Blog Post page), you just need one Clean template only. If a Clean template for the webpages does exist, please discard Step 2 - Create a Clean template for pages. The same rule applies to other types of pages - Product and Blog Post pages. 

Step 3: Create a webpage template with prebuilt Easy Content Builder templates

  • From the Webpage Edit page, click More actions (that appears in the upper-right of the form), click Create Template for this product:
  • From Easy Content Builder dashboard, you can create a new template based on:
    • Create a new template based on existing templates of the main theme: This option is only visible if you did build templates using the Easy Content Builder app before. It allows you to speed up the workflow by reusing those templates.
    • Blank Template: a minimal page template with only a Section title block that serves as a starting point for developing your custom page.
    • Blog Post templates: a bundle of predesigned page layouts for Blog Post pages.  
    • Page templates: a bundle of predesigned page layouts for webpage pages.
    • Product templates: a bundle of predesigned page layouts for Product pages.
  • When prompted to confirm, click ‘OK’. Then, you will be automatically directed to the Theme Editor where you can start adding content blocks to the template you’ve just created (Please refer to sections Add Sections and Adding ECB Blocks for more details).

Step 4: Assign a template to the webpage you've just created.

If you complete Step 3 Create a product template with prebuilt Easy Content Builder templates, the app automatically assigns the template you've created to the selected webpage. 

When you want to manually assign available templates to a webpage, you can follow these steps:

  • Go to the Shopify admin > Products, open the product you want and assign the template you’ve created (under the Theme Template section).
Create product template 2.jpg

Next Step:

Once the new Product template is in place, you can start adding content blocks (Please refer to the section Customize Template with Theme Editor and ECB Block Settings for more details)