Get Started: Difference between revisions

From Posstack.com Documentation
mNo edit summary
(176 intermediate revisions by 2 users not shown)
Line 1: Line 1:
This tutorial will guide you through 4-easy-steps to build your first custom template using the Easy Content Builder app.
Easy Content Builder provides you with sections and templates that can be added directly to your existing Shopify themes.  


Templates are a collection of sections that are pre-built by Easy Content Builder. Once you add a template to your theme, you can add, edit, reorder, or remove any section to customize your theme. 
We've assembled some links to get you started:  
Before you begin, make sure you add Products, Blog Posts, or Pages depending on which page type you want to create a custom template. Learn how to [[Create Page Templates|add a page]], [[Create Product Templates|a product]], and [[Create Blog Post Templates|a blog post]] on Shopify.
Then follow the steps below to add your first custom template:
=== '''Adding your first template''' ===
'''Step 1''': Open your page (Product/Blog Post/Pages depending on which page you want to create a custom template)


'''Step 2''': On the Edit page, click on '''More actions''' > '''Create a template'''
==Get Started==
::Depending on your specific page type, you will see the link label ''Create Template for this product'', ''Create Template for this page'', or ''Create Template for this article''.
* [[Create_Template_Apply_to_Multiple_Pages|Create a template for multiple pages]]
::[[File:Create product template.jpg|1000x1000px]]
* [[Create_Template_Apply_to_One_Page|Create a unique template]]
'''Step 3''': Select a pre-built template suggested by the app (then you will be automatically redirected to the Theme Editor)
* [[Customize_standard_pages|Customize homepage, collection page]]
* [[Add_section_settings|Add sections]].


'''Step 4''': Start adding and editing the app blocks as follows:  
{{Note|Watch Video Tutorials|reminder}}
Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available [https://www.youtube.com/watch?v=uspAswjgQxs&list=PLZdliUBbfeeGpJ6_zH4FDyF9QvYv1Pz-2 here].


::'''4.1.''' Define your section column layouts by adding/editing the Section Settings block.  
{{Note|'''Tips''': You can also look at this new [https://easy-content-builder-demo.myshopify.com/pages/shopify-custom-sections custom section library]. It's aimed at offering inspirational examples of how you can combine different app sections to create a unique custom section your way. |inline}}


::You can add many sections per page, each with its column layout (See [https://easy-content-builder-demo.myshopify.com/pages/section-variations multi-column layouts examples]).
==Jump in Deeper==
* [[Multi_column_layout_examples|Create multi-column layouts]]
* [[Add_section_settings#Edit_Section_Settings|Customize your templates]]
* [[Metaobject intro|Create metaobjects templates]]


::'''4.2.''' Add new blocks to that section as you wish (See [https://easy-content-builder-demo.myshopify.com/pages/multi-column-layouts pre-built sections examples]).
==More Actions==
 
* [[Manage_Templates|Manage Templates]]
::'''Important Note''': Always keep the Section Settings at the bottom of each Content Block list.
* [[Migration|Theme Migration]]
 
* [[Custom_CSS|Custom CSS]]
::[[File:Reorder the Section settings block.png|1000x1000px]]
 
=== '''Next steps''' ===
 
* Add your first section: [[Section Settings|follow these steps]].
* Add your first block: [[Add Blocks|follow these steps]].
 
=== '''Jump in a little deeper''' ===
If you would rather want to learn more about the fundamentals of the Easy Content Builder app:
 
* Read to understand [[Clean Template]] and [[Prebuilt Templates|Pre-built ECB Templates]].
* Browse the [https://easy-content-builder-demo.myshopify.com pre-built template collection] (Product pages, Blog posts, and Other pages).

Revision as of 02:53, 16 August 2024

Easy Content Builder provides you with sections and templates that can be added directly to your existing Shopify themes.

We've assembled some links to get you started:

Get Started

Watch Video Tutorials

Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available here.

Tips: You can also look at this new custom section library. It's aimed at offering inspirational examples of how you can combine different app sections to create a unique custom section your way.

Jump in Deeper

More Actions

Retrieved from "https://docs.posstack.com/index.php?title=Get_Started&oldid=2618"