We're excited to offer the first rollout of our Landing Page Builder. We're going to gather feedback from you and our other users to continue to improve this feature.
What's the difference between landing pages, custom pages, and the site theme?
That's a great question!
Your site theme includes a home page with preset editable blocks. It also encompasses the look and feel of your site, which you set up under the Customization tab. Make sure you visit the Customization tab to set up your logo, primary color, and other options, if you haven't already. Think of your theme as the branded wrapper packaging your entire site, so it's something you still want to checkout and ensure all options have been reviewed and enabled, where applicable.
The landing page builder feature allows you to easily modify our pre-made templates to achieve the look and feel you want for a landing page on your Uscreen site. Think of the Landing Page Builder as a quick and intuitive way to create standalone promotional pages via 'plug and play' by uploading a few uploaded images, ordering how you want the blocks displayed, modifying the text, selecting font colors, adding an email sign up form, etc..
For this reason, the landing page builder does not work with dynamic content and does not pull in other content from Uscreen (ie. authors, categories, catalog, etc..) and it not meant to replace other functionality on Uscreen. If you want to add tracking scripts, you will need to add those via the html box option (see below). Facebook Pixel will automatically work for these pages without any extra steps.
How to use the Landing Page Builder
Step 1. Navigate to your Marketing tab and select Landing pages.
You'll see an option to Create A Page.
Click the Create A Page button to be taken to the view where we offer a variety of pre-made page templates for you to select as your page base.
Simply hover over the page template and click on Choose Template.
The page builder will open the template you've selected.
Step 2. Edit any block on the page template by hovering over the block and click Edit section.
You'll notice a dashed blue border around the section when hover over it, indicating which section the Edit option belongs to.
Different blocks will provide customizable options based on the content in the block, such as font, background color, title, subtitle, etc..
Your changes will save automatically as you work on customizing your page. You'll see the green 'All changes saved' confirmation in the upper right hand corner of your window.
With the page builder, you can easily delete a block by clicking on the trash icon. Move blocks up or down using the up and down arrows. If you'd like to add new blocks, simply hover over a block then click on one of the blue circle plus icons before or after a block.
This will open a panel on the left-hand side of your screen where you can select from a variety of block options.
Step 3. You can toggle between a desktop view and mobile view for your customizations at the top center of your window.
Tablets are covered by the desktop option, as the backend code will take into account screen sizes that are around 13 inches. If you'd like additional options for tablets, please submit a feature request.
Step. 4 Click on Settings in the upper right hand corner to change your template name, the page url, and add a the SEO description.
Step 5. If you'd like to add your new page to a navigation, click on Copy link then go back to Customization. Select Navigation. When you edit your existing menu, select Custom Url and paste in the copied link.
Step 6. (Optional) You can duplicate your page navigating to Customization, then click on the 3 horizontal dots. Click on Duplicate.
Note: There are no automatic or manual back-ups for these builder pages. If you want to change your page after you create it, please make sure to duplicate your existing page and make all edits to the duplicate copy to ensure you retain your original page until you no longer wish to keep it.
This is also where you can delete a page if you are absolutely sure you no longer want it.
You can set your Landing Page as your home page, by navigating to Customization on the left side of your admin dashboard. Then click on Customize. Select the name of your landing page from the drop down options for Storefront home page.
You can choose to Customize the page after you select it, which will open the editor in a new tab - just make your changes there, wait for the green indicator at the top of your landing page to confirm your changes have been saved, then close your tab.
Be sure to click Save - whether or not you customize your landing page here.
Currently, we are not able to remove the Powered by Uscreen branding on the landing pages while this feature is still in Beta.
Finally, we recommend that you limit your blocks, or sections, to 10 per page. Anything more will likely result in your site visitors not seeing anything below that threshold. If you want to experiment with 10 or more blocks/sections, we highly encourage you to set up HotJar on your site so you can see how far your visitors are actually scrolling down your page before leaving it.
We're excited to see what you build with the landing pages and welcome your feedback!
If you need help or stumble across a bug, please do let our support team know by reaching out to them via your Intercom chat (blue icon) in the bottom right hand corner of your admin area. If you don't see this icon, please refresh your browser and it should appear. Let support know what template you are using and what block you're having difficulty with. Screenshots and/or video recordings will be the best way for us to provide expedient guidance!
Here's some examples of what you can do with the landing page builder.
Gift card examples -