Customizing Your Automatically-Generated Parmonic Landing Pages

As you probably already know, Parmonic can automate the creation of interactive web experiences for your webinars. However, you may want to customize the look and feel of these automatically generated pages to meet your brand guidelines or mirror that of your website.

In order to do that, simply:

1. Login to your Parmonic Account

2. Click your account avatar in the upper right-hand corner of your screen and choose Settings

3. Click on the Brand Settings tab

4. Click on the EDIT button underneath the Branded Page HTML header

5. Edit the HTML to match the desired look and feel of your page.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>{{ title }}</title>
    <style>
    </style>
    {{ meta }}
</head>
<body>
    <div class="container">
            <header>
            </header>
        <main>
            {{{ widget_embed_code }}}
            {{ title }}
            {{ description }}
        </main>
        <footer>
        </footer>
    </div>
</body>
</html>

Here is an example of what your finished page could look like once finished.

In the above code you will notice variables that can be set:

{{ title }} Title of the video

{{ description }} Description of the video

{{{ widget_embed_code }}} The Parmonic web widget, this is the main element on the page, make sure to provide enough room to render.

Place all code (HTML, CSS, Javascript) needed in single codebase.