Creating and Editing Shop Pages

There are 2 types of pages you can create - Custom Page or Template Page.

Template Page

There are various theme templates you can edit and add to your store so you don’t need to start from scratch. 

1. Go to Ecommerce > Shop Pages

   

2. Select the store you want to create a page for

   

3. Click Theme Templates

   

4. Scroll to a template you’d like to use

5. Click Use This Template

   

6. Click Save to create page and save changes 

   

Custom Page

1. Go to Ecommerce > Shop Pages

   

2. Select the store you want to create a page for

   

3. Click Add New Page

   

4. Click Save to create page and save changes

   

Page Builder Explained

MMIO’s page builder allows you to easily create unique, branded pages for your products, store information and offers with no coding involved. 

You can also optimise your page for SEO with MMIO’s SEO Settings. 

SEO settings

With MMIO, you can customize individual page’s SEO. Ensuring your page’s Meta Title and Meta Description is optimised with targeted keywords is the first step to being discovered on Google and other search engines. 

1. Click SEO

   

2. Enter url handle (each page needs a unique handle)

   

3. Upload preview image for SEO

   

4. Insert Meta Title

   

5. Insert Meta Description

   

Note: You can do the same for Facebook and Twitter's meta title and description.

Page Structure

A page is made up of rows, columns and contents. 

This biggest group is the rows.

In each row, you can have up to 12 columns. 

In each column, you can add multiple content types. 

There are seven content types you can use to customize your page.

• Text 

• Button

• Image

• Video

• Timer

• Product Carousel

• Form

Row Configuration Settings

1. Click Add Row 

   

2. Choose Row Type

   • Raw Row: Blank row spaces to start from scratch

     

   • Pre-built Blocks: Ready-made rows you can customize

     

3. Insert your chosen row

   

4. Click on + to add content

   

5. Click on any content type

6. Click Insert Content

   

7. Click SAVE to save page

   

Column Configuration Settings

Column resides under rows. You can have a maximum of 12 columns in each row. 

1. Click row to open up columns

   

2. Add Column to increase number of rows

   

3. Specify number of columns 

   

4. Click OK to insert columns

   

5. Click SAVE to save page

   

Text Configuration Settings

1. Click + to add content

   

2. Select Text

   

3. Click INSERT CONTENT

   

4. Click the edit icon on the text block

   

5. Enter your text in the right content panel. You can also format the text, add tables and media into your text box.

   

6. You can customize your button further in the left panel.

   • Add text shadow

   • Change font color

   • Change font background color

   • Select font family

   • Customize content height

   • Customize content width

   • Define content alignment

   • Configure entrance animation

7. Click Confirm Changes to save your text block

   

8. Click SAVE to save page

   

Button Configuration Settings

1. Click + to add content

   

2. Select Button

   

3. Click INSERT CONTENT

   

4. Click the edit icon on the button block

   

5. On the right content box, type in your call-to-action (CTA) text. This is what your customers will see on the button. e.g Buy Now or Add To Cart.

   

6. You can customize your button further in the left panel.

   • Add text shadow

   • Change font color

   • Change font background color

   • Select font family

   • Customize content height

   • Customize content width

   • Define content alignment

   • Configure entrance animation

   • Choose button destination

   • Select button size

   • Select button type

   • Select button color

7. Click Confirm Changes to save your button CTA text

   

8. Click SAVE to save page

   

Image Configuration Settings

1. Click + to add content

   

2. Select Image

   

3. Click INSERT CONTENT

   

4. Click the edit icon on the image block

   

5. You can customize your image in the left panel.

   • Customize content height

   • Customize content width

   • Define content alignment

   • Configure entrance animation

6. Upload image. Recommended image size: 300 x 300px

   • File Upload

     1. Click on Upload File

        

     2. Choose an image from your computer

     3. Click Open to insert image

        

   • Paste Image URL

     1. Copy URL of image

     2. Paste URL in the box

10. Click SAVE to save page

    

Video Configuration Settings

1. Click + to add content

   

2. Select Video

   

3. Click INSERT CONTENT

   

4. Click the edit icon on the video block

   

5. You can customize your image in the left panel.

   1. Customize content height

   2. Customize content width

   3. Define content alignment

   4. Configure entrance animation

6. Copy video embed code from your web player

7. Paste video embed code in the content box

   

8. Click SAVE to save page

   

Timer Configuration Settings

1. Click + to add content

   

2. Select Timer

   

3. Click INSERT CONTENT

   

4. Click the edit icon on the timer block

   

5. You can customize your timer in the left panel.

   • Customize content height

   • Customize content width

   • Define content alignment

   • Configure entrance animation

   • Set Deadline (Minutes) of offer expiry

   • Set Start Delay (Seconds) of offer expiry

   • Display Timer Labels to show days, hours, minutes and seconds in the offer page

   • Customize timer colors

6. Click SAVE to save page

   

Products carousel Configuration Settings

1. Click + to add content

   

2. Select Products Carousel

   

3. Click INSERT CONTENT

   

4. Click the edit icon on the product carousel block

   

5. You can customize your carousel in the left panel.

   • Customize content height

   • Customize content width

   • Define content alignment

   • Configure entrance animation

6. Configure product source

   

   • Product - Choose to show specific products

   • Category - Choose to show a range of products from a specific category

7. Add products/category

   

8. Click SAVE to save page