How to hide POWR Shortcodes while the page is loading

POWR shortcodes are regular text elements on your site. They will appear on your page while the content of your App is loading.

There are two ways to hide POWR shortcodes:

1. Using the HTML DIV (recommended)

Convert your shortcodes into HTML div like in this example:

The first part of your shortcode goes into the class=" " part, while the second part of your shortcode will go into the id=" " part of the div.

Note: In Shopify, you will need to click Show HTML in your Page or Article Editor and place the HTML div there. 

2. Changing Font Color

This is a less technical, but equally effective solution. In your website editor, select the POWR Shortcode, and change the color to match the background of the website. This will allow the shortcode to blend in with the background of the page.