How to Use The Live Preview on Universal App
With the Live Preview, you can see exactly how your Universal App will look and behave to your readers.Live Preview on your Desktop and MobileYou can launch the Live Preview whenever and from wherever you are on your Universal App Admin.
The Live Preview button is located on the top-right of the screen, next to the Help Center. It will launch a new tab where you can see the front end of your Universal App (UA).
Depends on which menu you are in the UA admin when you launch it, the Live Preview will take you to the Reader’s View of that very page. So, for example, if you hit the Live Preview from the article list on the Content > Article, it will launch the preview of the Article page on your UA.Core Mission
Launch the Live PreviewWhere?
UA AdminHow?
Click on the Live Preview button on the top-right of the screenRefer to the video belowHow to launch Live Preview from inside the Universal App adminOn your newly created Universal App, you can see some placeholder content we provided to guide you in getting UA started. These are just a few possibilities that you can do with your brand new Universal App.
Feel free to browse, play around, and get inspired by them.
When you’re ready to replace them with your own content, go to this guide on how to create content and how to customize your homepage.Bonus Mission
Add another Collection Slider to your UA HomepageWhere
DesignerBonus Mission
Add an Advertisement block to your homepageWhere
Advertisement & DesignerBonus Mission
Add a CTA block to encourage your readers to enable a Push Notification from your appWhere
DesignerHow to Set Your Default Fonts and Colors in Universal App
Follow these easy steps to set up your default fonts and colors in Universal app!Even though it looks simple, but setting up the right font and colors can be a huge boost to your branding! In Universal App, you can do this very easily by following these steps:First of all, you need to be logged in to your Universal App account.
From there, on the left side menu, go to Branding > DesignerYou will then be able to see a preview of how your homepage looks like. To customize your default fonts, click on the Fonts button on the top rightThere are three main sections that you can set up your fonts for, which is Heading, Body, and UI fontNext, you can click on the Colors button to start customizing your default colorsOnce you've made these changes, don't forget to click save!
If you changed your mind, you can also click the Reset button to return the fonts and colors to the previous settings.Once you've saved the new fonts and colors, you can check out how it looks right away by clicking the Live Preview button on the top rightWant to learn more on how to design your Universal App Homepage? Feel free to reach out to our support team using the live chat at the bottom right corner of your Universal App dashboard or simply send an email to support@magloft.comClick here to get started.