Live Page Builder
Getting around the Live Page BuilderYour real shop in the middle, the list of sections on the left and the settings of whatever you click on the right. Here is how the three columns work together.Adding, moving and hiding sectionsReorder your home page by dragging, hide a block for a season, rename it, duplicate it, or take it off the page.Adding a new section from the galleryThe Add a section gallery shows every block your shop can hold, each with a small diagram, and puts it exactly where you want it.Editing text and pictures on the pageType straight onto your shop, swap a photo from your Media Library, crop it, and size a block by dragging its edge.Colours, fonts and cornersSet your shop's colours, choose fonts for English and for Arabic, and decide how round the corners are, all on the live page.The header, the footer and your menusStyle the top and bottom of every page, then build the two link menus your shop uses: the header menu and the footer menu.The WhatsApp button on your storefrontTurn on the floating WhatsApp button, choose its corner, colour and icon, and add an order button to your product pages.Custom CSS for your storefrontIf your plan includes it, add your own styles on top of the theme, up to 10 KB, and watch them apply on the page as you type.Checking your page on a phone and a tabletSwitch the page between a computer, a tablet and a phone, turn the device on its side, and read your shop in both languages before you publish.Publishing your changes, and throwing a draft awayReview what differs from your live shop, put it in front of shoppers with one button, and take a draft back if you change your mind.The Product Card panel: how every product card looksOne panel holds the product card settings for your whole shop: the card shape and three options. Here is what each one is and what your shop shows today.The announcement bar above your headerPut one line of news above your header on every page of the shop, write it in both languages, colour it, and take it down when its day is over.Design settings for one sectionChange the spacing, corners, shadow, title size and card image shape of one section, without touching the rest of your store.Editing the content of each sectionWhat you can change in each type of section, from the Hero Banner slides to the Newsletter form, in the Live Page Builder settings panel.Restore unsaved changes, and pick pictures from your libraryGet back work the builder kept on this device after a closed tab, and choose or upload pictures with the Media Library window.
Still need help?
Our team answers every ticket, in English and Arabic.