Skip to main content
How to Use Freestyle Pages
Updated over 7 months ago

What are freestyle pages and what can I use them for?

Freestyle pages allow you to create flexible layouts that combine text, images, videos, and even custom HTML. They are ideal for crafting unique imprints, biographies, multimedia showcases, or any content that benefits from a personalized layout.

How do I create a freestyle page?

  1. Navigate to the dashboard and select the option to create a new page.

  2. Name your page and select the 'Freestyle' option.

  3. Click on the page to access the edit tab.

How can I add content to a freestyle page?

You can add various types of content including:

  • Text: Style your text with options for headings and paragraphs.

  • Images and Videos: Drag and drop images and videos directly from your computer. Resize and position them as needed.

  • Links: To add an email link, highlight the text, click the link icon, and type 'mailto:' followed by the email address.

  • HTML Code: Embed videos, html, downloadable PDF widgets and more.

How do I preview and save my freestyle page?

After editing, click 'Save' and then 'Preview' to view your changes as they will appear on the live site.

Can I move my freestyle page between the header and footer section?

Yes, as with any page, you can drag your freestyle page to another navigation section like the footer. Update its name and URL slug in the page settings for optimal SEO, then save your changes.

How do I customize the font, font size and color of the freestyle page?

Go to the customization tab and select 'Freestyle Page Section'. Here, you can adjust the font size, type, and color to ensure it matches the overall look of your website.

How can I set a freestyle page as the homepage?

  1. In the page settings, you can decide to hide or show the page name in the navigation.

  2. Set it as the landing page. This page will now appear as the homepage when visitors first load your website or click on the logo.

How do I embed custom media and HTML?

  1. In the edit mode, click on the code embed icon.

  2. Use the provided responsive embed code, replacing placeholders with your media or HTML specifics.

  3. Save your changes to see them reflected on your site.

How can I add interactive elements like auto-play videos? To add an auto-play video:

  1. Click on the code embed icon while in edit mode.

  2. Insert the responsive embed code and replace the "YOUR_VIDEO_ID" placeholder with your YouTube video ID.

Code for Vimeo

<div style="overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0;">
<iframe src="https://player.vimeo.com/video/YOUR_VIDEO_ID?autoplay=1&muted=1&background=1" style="position: absolute; top: 50%; left: 50%; width: 177.77vh; height: 100vh; transform: translate(-50%, -50%);" frameborder="0" allowfullscreen=""> </iframe>
</div>

Code For YouTube

<div style="overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0;"> <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID?autoplay=1&mute=1&controls=0&showinfo=0&rel=0&modestbranding=1&playlist=YOUR_VIDEO_ID&loop=1" style="position: absolute; top: 50%; left: 50%; width: 177.77vh; height: 100vh; transform: translate(-50%, -50%);" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""> </iframe> </div>

3. Save the changes, and the video will autoplay on your homepage or as specified.

Where can I find more resources or get help?

Check also our YouTube shorts embed guide here.

For additional guidance, visit our FAQ page or contact our support team. Don’t forget to check out our YouTube channel for more tips and tutorials.

Did this answer your question?