- Reference Guide
- Miva Reference Guide
- PageBuilder
-
- Customers - Create a Customer Account
- Customers - Customers Batch List
- Customers - Customer Dashboard
- Customers - Customer Tax Exempt
- Customers - Shop as Customer
- Customers - Last Password Changed
- Customers - Customer Quick Add
- Customers - Business Accounts
- Customers - Customer Settings
- Customers - Availability Groups
-
- Creating a New Order
- Working with Orders
- Order and Order Item Statuses
- Processing Returns and Refunds
- Address Validation
- Recalculate Shipping
- Item Lookup
- Payment Transactions List
- Authorization Failures
- Unship Shipments/Split Shipped Shipments
- Add/Edit Subscriptions
- Batch Capture Progress Dialog
- Transactions
-
- Expanded Search Rules (Full Text Search)
- Copy Price Group
- Geographic Shipping Restrictions
- Exclusion Rule Caching
-
- Price Groups - Global Settings
- Price Groups - Qualifying/Discounting
- Price Groups - Structure/Priorities/Relationships
- Price Groups - Legacy
- Price Groups - Add-on Product
- Price Group - Basket Discount
- Price Group - Basket Discount (Specific Products)
- Price Groups - Buy X Get Y
- Price Groups - Markup from Cost
- Price Groups - Product Discount
- Price Groups - Customer Specific Pricing
- Price Groups - Specific Sale Price
- Price Groups - Shipping Discount (Entire Order)
- Price Groups - Shipping Discount (Discounted Products Only)
- Price Groups - Volume Pricing
- Price Groups - Using Coupons
- Price Groups - Via Template Code
- Marketing Settings
-
- Sort Order History by Status
-
- Page Builder - Upgrade Process
- Page Builder - General Overview
- Page Builder - Creating a New Page
- Page Builder - Page Settings
- Page Builder - Navigation Drop Down
- Page Builder - Mobile Tablet Desktop Preview
- Page Builder - Scheduling in Page Builder
- Page Builder - Pushing Your Page Live
- Page Builder - Template Branch Preview
- Page Builder - Components Overview
- Page Builder - Markdown Authoring
- Page Builder - Global Components
- Page Builder - Hero Banner Component
- Page Builder - Text Banner Component
- Page Builder - Image Across Component
- Page Builder - Text Area Component
- Page Builder - Image and Text Component
- Page Builder - Video Component
- Page Builder - Hero Slider Component
- Page Builder - Rich Text Editor Component
- Page Builder - Product Carousel Component
- Page Builder - Featured Product Component
- Page Builder - Category Carousel Component
- Page Builder - Quick Order Flex Component
- Page Builder - Combination Facet Flex Component
- Page Builder - Accordion Component
- Page Builder - Contact Form Component
- Page Builder - Enhanced Product List
- Page Builder - Header-Footer
- Page Builder - Component Text Settings
- Page Builder - Style Guide
- Copy Page
-
-
- Manage Quotes - Overview
- Manage Quotes - Installation
- Manage Quotes - Quote Page Templates
- Manage Quotes - Using Manage Quotes
- Manage Quotes - Quote Notes
- Manage Quotes - Working with Quotes
- Manage Quotes - Excluding Quotes from Price Groups
- Manage Quotes - Quote Expiration and Follow Up Emails
- Manage Quotes - Price Groups
- Manage Quotes - Quoted Shipping
- Miva Connect
Try our new AI assistant by clicking the chat icon in the lower right corner.
- Miva Docs
- Reference Guide
- Miva 10 Page Builder General Overview
PageBuilder - General Overview
PageBuilder, released with version 10.05.00, allows users to create webpages, even websites, without the need to write HTML code. This allows users to keep their storefront, as well as other pages, fresh with relevant content.
With PageBuilder, non-technical users can configure page components and layouts, modify and reuse existing designs and apply site-wide settings. It allows users to create unique marketing messages and shopping experiences, even scheduling components within pages for time-based messaging.
Miva's PageBuilder allows you to work more efficiently by reusing pages, layouts and components throughout the year. For example, you could create a holiday sale banner that you could use each year at the same time, and create variations on the banner for other holidays.
Important
For information on upgrading to PageBuilder and any template changes you may need to make, view the Upgrading to PageBuilder help doc and video.
On this Page
Accessing PageBuilder
To access PageBuilder, click the User Interface header on the left side of the Miva admin.
On the page that opens, on the left side of the page, click the Content Management header. When the Content Management page opens, click the page you want to edit.
Live Preview Page
The Live Preview page is where you will build the page you want. Changes you make to the components will display in real time. It is a representation of what the webpage you are designing will look like on your website.
Live Preview Page: This is where you will edit the page.
Component Pane
The Component Pane is located on the left side of the page and lists the components that are on your webpage, in the Live Preview page, in the order in which they appear on the screen.
Clicking on a Component in the Component Pane opens up the Edit Component box in the pane. Changes you make in the box are immediately shown on the Live Preview Page.
Hovering over a component in the Component Pane will highlight that component in the live preview page, and clicking a component in the Component Pane will automatically take you to that section in the Live Preview Page and will open up the editing section for that component.
Likewise, clicking a component in the Live Preview Page will open the corresponding editing section for it in the Component Pane.
PageBuilder inspector is set to disabled by default. To enable, click the icon in the ribbon at the top of the Preview Pane. If the icon is shown in blue, PageBuilder Inspector is enabled. You can also tell because if you hover over a component on the preview page, it will glow in blue.
For more information on Components, click here.
Refresh/Save
In the upper right corner of the Live Preview page are the Refresh icon and the Save Button.
Clicking Refresh refreshes the screen. Clicking Save saves the page with any changes you’ve made. Clicking the X in the far right corner closes the Page Builder screen.
Important
Live Preview allows you to see changes made to the page you're working on in real time, but those changes are NOT saved unless you click the save button.
If you try to close the Live Preview for the page you are working on, you will see the Unsaved Changes dialog box. If you want to save your changes, click Save, otherwise click Discard Changes to not save the changes
In This Section
- PageBuilder - Creating a New Page
- PageBuilder - Layouts
- PageBuilder - Page Settings
- PageBuilder - Navigation Drop Down Menu
- PageBuilder - Mobile, Tablet, Desktop Preview
- PageBuilder - Scheduling in Page Builder
- PageBuilder - Pushing Your Page Live
- PageBuilder - Template Branch Preview
- PageBuilder - Components Overview
- PageBuilder - Markdown Authoring
- PageBuilder - Component Fragments
- PageBuilder - Hero Banner Component
- PageBuilder - Text Banner Component
- PageBuilder - Image Across Component
- PageBuilder - Text Area Component
- PageBuilder - Image and Text Component
- PageBuilder - Video Component
- PageBuilder - Hero Slider Component
- PageBuilder - Rich Text Editor Component
- PageBuilder - Product Carousel Component
- PageBuilder - Featured Product Component
- PageBuilder - Category Carousel Component
- PageBuilder - Quick Order Flex Component
- PageBuilder - Combination Facet Flex Component
- PageBuilder - Accordion Component
- PageBuilder - Contact Form Component
- PageBuilder - Enhanced Product List Component
- PageBuilder - Header-Footer
- PageBuilder - Component Text Settings
- PageBuilder - Style Guide