Skip to main content

​
Preview Overview

Previewing your tent is a crucial step before publishing. Tented’s preview system allows you to test your landing page across different devices, verify functionality, and ensure everything works perfectly before going live.

​
How to Preview Your Tent on the Web

There are two ways to preview how a tent will look on the web:
  • Open the tent in the tent editor and click Preview in New Tab at the top of the screen. A screenshot of the tent editor with the Preview in New Tab button highlighted.
  • Open the tent details page, hover over the preview tile, and click the Open Preview button that appears. A screenshot of the tent details page with the Preview in New Tab button highlighted.

​
How to Preview Your Tent on Mobile Devices

To preview how a tent will look on a mobile device:
  1. In the tent editor, click the mobile preview icon.
  2. The mobile preview defaults to the iPhone 17 Pro Max. To switch to a different device, select the drop-down arrow next to the device name.
    You can also specify exact screen dimensions by entering them in the width and height boxes in the top-center of the screen.
  3. When you’re done previewing on mobile, click the mobile preview icon again to return to the standard tent editor view.
A screenshot of a mobile preview for a landing page about a feature called "Predictive Scheduling". The mobile preview icon and device switcher are highlighted.

​
Interactive Testing

Before publishing your tent, it’s crucial to test all interactive elements to ensure they function correctly. Fill out your forms with test data to check their layout and field validation for fields like email and phone numbers. Make sure to click through all links and buttons on the page.
Form submissions are disabled in the preview. Clicking a form’s submit button won’t send or store anything. To test a real submission end to end, publish the tent and submit the form on your live page.
You should also test smooth scrolling to sections and verify anchor links work properly. Check external link behavior to confirm they open in a new tab if necessary. Finally, for interactive elements, rigorously test hover effects and animations for visual appeal. Crucially, verify mobile menu functionality on smaller screens, check dropdown menus and modals to ensure they open and close as intended, and thoroughly test all javascript interactions that control dynamic behavior.

Next: Publishing Tents

Learn how to publish your tent and make it live on the web.