Create a Custom Coming Soon Page in Flatsome Theme

Create a professional “Coming Soon” page using the Flatsome theme in WordPress. This guide walks you through enabling maintenance mode, designing a custom page with UX Builder, and setting up a contact form to capture leads.

Step-by-Step Guide:

1. Enable Maintenance Mode

• Go to WordPress Dashboard > Flatsome > Advanced.
• Find Maintenance Mode and toggle it on by selecting Enable Maintenance Mode.
• Now, if someone visits your site while you’re logged out, they’ll see a default “Coming Soon” page.

2. Create a Custom “Coming Soon” Page

• Go to Pages > Add New, then name your page “Coming Soon.”
• Click Publish to save your new page.

3. Edit the Page with UX Builder

• Open your new “Coming Soon” page and select Edit with UX Builder.
• Instead of building from scratch, go to Flatsome Studio and select a Coming Soon template that suits your style.

4. Customize the Template

• Replace the Logo: Click on the placeholder logo to upload your own.
• Update the Contact Form: Look for the contact form section and replace its shortcode with your preferred form plugin.
• Social Links: Update the footer’s social media icons with links to your profiles.

5. Set the Page Layout to “No Header, No Footer”

• In UX Builder, go to Settings (gear icon) and select Template.
• Set the layout to No Header, No Footer to remove unnecessary navigation from the page.
• Click Apply and Update to save changes.

6. Assign the Custom Page to Maintenance Mode

• Return to Flatsome > Advanced > Maintenance Mode.
• Refresh, then choose your “Coming Soon” page as the Custom Maintenance Page.
• Now, logged-out visitors will see your custom “Coming Soon” page.

7. Preview Your Work

• Log out or use an incognito window to view your site as a visitor would, and confirm everything looks just right.

That’s it! You’ve successfully created a custom “Coming Soon” page with Flatsome in WordPress. Now, your visitors can see a professional-looking placeholder that builds anticipation, and with the contact form, you’re ready to capture emails for future updates. This setup is perfect for any site that’s still under construction, keeping visitors engaged and informed.

If you found this guide helpful, don’t forget to check out more tutorials and subscribe for updates. Good luck with your website launch, and happy building!