top of page
5mins.png
Get started in 5 mins

In this article, you will learn how to create a simple page with the key features and tools.

Step 1 : Install Layoutbase 
 

Search for "Layoutbase" on Shopify App Store, click the "Add App" button and fill in your store’s URL to install the app to your Shopify store. Simple.

Appstore.jpg
Step 2 : Create a new page
 

In the Shopify store admin sidebar, click Apps > Layoutbase. After that, you will be redirected to the Layoutbase Dashboard on a different page.

mystore.jpg

Click the "New page" button,  Then you can choose the page type.

new page.jpg

You can create 4 types of new pages.

4type.jpg

In just a few clicks you can create a new page using blank pages. No design skills required! You can also start from existing pages.

blank.jpg
Step 3 : Getting to know the key features
 

1. Top bar

See and set up general information on your page, including page title, page version, change device layout, quick save, preview, version history, page setting, etc.

top bar.jpg

2. Version history

Shows saved and published versions. This feature will only be activated once you have published the page.

ver history.jpg

3. Element

Offers elements and sections. Drag and drop them to the blank page.

element.jpg

4. Custom Code

Adds your CSS and JavaScript code to the page.

custom code.jpg
Step 4 : Use elements

Edit the settings and stylings of the element with 2 tabs: General and Style.

general.jpg
Step 5 : Preview or publish the page 

Once you are done building the page, click Quick save.

It saves the page to a database but does not make it public yet.

quick save.jpg

Or you can use Save & Note, this option saves and names a version of your page.

saveandnote.png

When a page has been saved. It will show the 'Published' status. 

Once you're ready for your content to go live, click the Publish button at the top of the editor. 

publish.jpg

When a page has been published. It will show the 'published' status, this means that the page is live on your store.

published.jpg
bottom of page