Store Layouts allow you to select from three new layout options, providing maximum branding control over the storefront. Each layout contains unique page elements tailored to meet the needs of your customers. With call-to-action buttons, image blocks, a featured products section, and much more—you can now create more revenue-driving opportunities on the storefront while providing the retail-like experience consumers expect.
Jump To:
- How to Access Store Layouts
- Call-to-Action Buttons
- Adding Images
- Image Blocks
- Info Bar
- Featured Products
Note: You must be subscribed to the Advanced Branding package to use Premium Layouts 1-3.
To subscribe to Advanced Branding, navigate to Dealer Settings > Premium Features > Advanced Branding in the app. Only Owner and Accountant roles can activate premium features.
How to Access Store Layouts
Step 1: To access Store Layouts, click the Store Design tab from the Edit Store menu (Please note, the Store Design tab has replaced the former Branding tab).
-
- For more information on the Store Design Tab, view our Store Design Tab HC article. (link incoming)
Step 2: Click “Select a Layout” to be directed to the layout menu. This is where you will choose from one of the four Store Layout options. If you’ve already selected a layout, select the ‘Change’ button in the ‘Select a Layout’ drawer to prompt the layout menu.
Step 3: Hover over each Store Layout option to view “Preview” and “Use Now” options. “Preview” allows you to see a snapshot of the layout plus key features within that layout. “Use Now” will implement that layout on your existing store.
How to use the Control Panel
After a layout is selected, the control panel on the left side will populate with drawers associated with the layout to set up your store. Expanding each drawer will reveal its’ contents and allow you to make edits to the related section of the storefront. Here are a few high-level points to remember about drawers.
- The drawers in the control panel will populate based on the layout selected.
- Each drawer contains options to customize the storefront.
- When a drawer is clicked the content will be viewable.
- Changing the settings in each drawer will update the storefront preview on the right side of the page. Changes are only applied to the storefront after the “Save” button is selected.
- If a drawer has an “eye” icon, selecting it will hide the section from appearing on the storefront.
Selecting A Store Layout
There are a variety of Store Layouts to select from - each one designed to meet your customer’s unique needs and goals. Below you will find the key differences between each of the layouts:
Standard Store Layout
It provides the classic OMG storefront experience, with maximum products shown on the storefront and limited visual elements.
Key Features:
- Custom Banner - Create branded banners to welcome consumers to the store
- Categories & Subcategories - Make it easy for consumers to browse products
- Plus, all the standard OMG storefront features
Premium Layout 1
Guide sales with specific consumer actions
Guide consumer action on the storefront with promotional opportunities and customizable features.
Key Features:
- Customizable Call-to-Action Button & Banner Text - Engage consumers by creating specific call-to-action buttons
- Block Images - Feature 2-4 specific products, bundles, or categories using custom links and visual elements
- Information Bar - Communicate essential information about your store in a visually appealing way
- Plus, all the features in the Standard Store Layout
Premium Layout 2
Maximize consumer visits to your store
Make the most of consumer store visits by highlighting featured products and engaging consumers with directed, strategic page elements.
Key Features:
- Featured Products Section - Highlight 1-4 specific products to capture consumer's eyes and promote sales
- Midpage Banner - Engage consumers scrolling your storefront with eye-catching banners that link to any product, category, or bundle
- Plus, all the features in Premium Layout 1
Premium Layout 3
Create the next-level online store experience
Offer a next-level storefront experience with OMG’s most retail-like layout. This layout also serves as a functional landing page, allowing consumers to preview your brand before diving into multiple categories and products.
Key Features:
- Multiple Banners & Block Images - Focus consumer visits to your site with organized, visually appealing page elements
- Customizable Elements - Direct customers to other stores, products, or bundles using customizable text and links
- Landing Page - Opt to use this layout as a dedicated landing page or hubpage
- Plus, all the features in Premium Layout 2
Using the Store Layout Features
Take advantage of a variety of new, powerful branding features included within Store Layouts. From midpage banners, featured products, information bar, and much more - use these levers to truly customize the online store experience.
Jump To:
Call-to-Action Buttons
Call-to-Action buttons are hyperlinked buttons that help guide specific consumer actions. You can use these Call-to-Action buttons to highlight products, direct to categories, feature bundles, or link to external URL’s like a customer’s website and social pages.
Call-to-Action buttons are available in Layouts 1, 2, and 3 and appear in the Hero Header (a header option within the Header drawer) Midpage Banners, and Image Blocks. Here’s how you set them up:
Step 1: Add Button Text. In the Header (select Hero Header), Midpage Banner, and Image Block drawers, locate the “CTA Name” text box and add the text you would like to say on your Call-to-Action button.
- Suggestion: Use action-oriented text like: View Product, Learn More, Shop Now, or See More.
Step 2: Add a link. Select the ‘Add Link’ or ‘Select Link’ button found below the “CTA Name” text box. An “Add Link” screen will display, where you can select what you would like to link to in a dropdown box.
- Once you make a selection, the results in the table below will display everything that meets the criteria from the drop-down menu.
- If you select “Link to Category,” the categories you have on your store will appear. Select which category you would like to link.
- If you select “Link to Bundle,” the products you have on your store will appear. Select which product you would like to link.
- If you select “Link to Bundle Page,” all the bundles you’ve created will appear on one consolidated page.
- If you select “Link to Custom URL,” you will be prompted to enter a URL you would like to link. This can be anything from your customer’s main website to their social media pages to your website, and anything else.
Step 3: Select the ‘Add Link’ button and the CTA button will appear in the store front preview.
Step 4: Select ‘Save Design’ to apply your changes to the storefront.
Note: You must be subscribed to the Advanced Branding package to use this feature. To subscribe, navigate to Dealer Settings > Premium Features > Advanced Branding in the app. Only Owner and Accountant roles can activate premium features.
Adding Images
There are several features in store layouts that allow you to add an image. You will have the option to upload a custom image or select an image from our Image Library. After selecting ‘Add Image’ or ‘Edit Image’, you will be prompted to select an image via a modal with two tabs: ‘Upload’ and ‘Image Library.’
- ‘Upload’ allows you to select any image file on your desktop. You can drag and drop an image in the preview area or click ‘select a file’ to access images saved on your desktop.
- ‘Image Library’ allows you to search from millions of high-resolution stock images directly in the OMG platform and upload them to your storefront. Enter a keyword into the search bar, select an image, then click ’insert’ to view the selected image on the branding tab.
Note: You must be subscribed to the Advanced Branding package to use this feature. To subscribe, navigate to Dealer Settings > Premium Features > Advanced Branding in the app. Only Owner and Accountant roles can activate premium features.
Image Blocks
Image Blocks are visual elements designed to catch your consumer’s attention. You can use these Image Blocks to highlight products, direct to categories, feature bundles, or link to external URL’s like a customer’s website and social pages. After Layout 1, 2, or 3 is selected, the control panel will populate with 1 to 4 drawers titled ‘Image Blocks.’
- Each drawer has an eye icon. You can elect to show or hide the image blocks on your storefront by clicking the eye icon.
- You can select to display 2 or 3 image blocks per drawer by selecting the corresponding ‘2 block’ or ‘3 block’ radio button.
After you’ve determined how many image blocks you want to display, you’ll need to set each one up:
Step 1: Select an image by utilizing the ‘Add Image’ button. You can upload your own image, or use the Image Library to select one.
Step 2: Type the text you want displayed on the Image Block into the “Block # Text” field
Step 3: Select the ‘Add Link’ or ‘Select Link’ button found below the “CTA Name” text box. An “Add Link” screen will display, where you can select what you would like to link to in a dropdown box It will populate a small screen over the preview area.
Step 4: Link to’ drop-down menu. Use the drop-down menu to select what type of item you want to link to. Once you make a selection, the results in the table below will display everything that meets the criteria from the drop-down menu.
Step 5: Select ‘Save Design’ to apply your changes to the storefront.
Note: You must be subscribed to the Advanced Branding package to use this feature. To subscribe, navigate to Dealer Settings > Premium Features > Advanced Branding in the app. Only Owner and Accountant roles can activate premium features.
Information Bar
The Information Bar communicates essential information about your store to your customers. After you select layouts 1, 2, or 3, the control panel will populate with 1 drawer titled “Info Bar.” Expand this drawer to begin set-up.
Step 1: This drawer has an eye icon. You can elect to show or hide the info bar on your storefront by clicking the eye icon.
Step 2: You can elect to display 2, 3, or 4 components image blocks per drawer by selecting the corresponding icon at the top of the drawer.
Step 3: Select an icon for each component you elect to use.
Step 4: Input text into the text field for each component.
Step 5: Select “Save Design” to apply your changes to the storefront.
Note: You must be subscribed to the Advanced Branding package to use this feature. To subscribe, navigate to Dealer Settings > Premium Features > Advanced Branding in the app. Only Owner and Accountant roles can activate premium features.
Featured Products
Featured Products make it easy to display required products, move inventory, announce product discounts, and highlight top products for consumers to purchase. You can select up to 4 products to showcase on the storefront. After you select Premium Layouts 2 or 3, the control panel will populate with a drawer titled “Featured Products.”
Step 1: This drawer has an eye icon. You can elect to show or hide Featured Products on your storefront by clicking the eye icon.
Step 2: Title the Section. Locate the “Section Title” text box to title the Featured Product section on your storefront.
Step 3: Update the Ribbon Text. This field allows you to input text that will display in a ribbon on the top corner of the product image. Consider using words like Featured, Discount, New, Best Seller, or Limited.
Once you’ve labeled the section, you’ll need to select the product you’d like to feature.
Step 1: Click ‘Select Products’ to begin.
Step 2: After you’ve clicked ‘Select Products’, a small screen will populate over the preview area. All of the products you’ve set up to display on your storefront will display on this screen.
Step 3: To search for products, type a keyword in the search box. Your results will appear in the table below.
Step 4: To select a product, click in-line with the product. You’ll know the product is selected when the cross arrows on the right appear green and the name of the product will appear in the section on the right.
Step 5: After you’ve selected four products, click the “Add Selections” button to return to the storefront preview.
Step 6: Select Save to apply your changes to the storefront.
Note: You must be subscribed to the Advanced Branding package to use this feature. To subscribe, navigate to Dealer Settings > Premium Features > Advanced Branding in the app. Only Owner and Accountant roles can activate premium features.
Comments
0 comments
Please sign in to leave a comment.