How to publish your site on Framer

beginner 8 min read Updated 2026-03-18

Quick Answer

Publishing your site on Framer is straightforward - simply click the Publish button in the top-right corner of your project, configure your domain settings, and hit publish. Your site will be live on a Framer subdomain or your custom domain within minutes.

Try Framer Full Framer Review

Prerequisites

A completed Framer project
A Framer account with publishing permissions
Basic understanding of Framer's interface
Internet connection

Step-by-Step Instructions

Access the Publish Panel

Open your Framer project and locate the Publish button in the top-right corner of the interface. Click this button to open the publishing panel where you'll configure your site settings.

Make sure your project is complete and tested before publishing

Choose Your Domain

In the publish panel, you'll see domain options. For a free Framer subdomain, enter your desired site name in the format yoursite.framer.website. If you have a custom domain, click Add Custom Domain and enter your domain name.

Choose a memorable subdomain name as it cannot be changed later without republishing

Configure Site Settings

Set your site title, description, and favicon in the Site Settings section. These appear in search results and browser tabs. Add a site title in the Title field and a brief description in the Description field.

Keep your description under 160 characters for optimal SEO performance

Set Up SEO and Social Sharing

Expand the SEO & Social section to add meta tags and Open Graph images. Upload a social preview image (1200x630px recommended) and add relevant keywords for better search engine visibility.

Use high-quality images for social sharing to improve click-through rates

Review Publishing Options

Check the Publishing Options section for additional settings like password protection, analytics integration, or custom code injection. Enable Search Engine Indexing if you want your site discoverable on Google.

Disable indexing during development and enable it only when ready for public viewing

Preview Before Publishing

Click the Preview button to see how your site will look live. Test navigation, interactions, and responsive behavior across different screen sizes using the device preview options.

Check your site on mobile devices as most web traffic comes from mobile users

Publish Your Site

Once everything looks correct, click the large Publish button at the bottom of the panel. Framer will build and deploy your site, showing a progress indicator during the process.

Publishing typically takes 1-3 minutes depending on your site's complexity

Verify and Share

After publishing completes, you'll see a success message with your live site URL. Click Visit Site to open your published website in a new tab. Copy the URL to share with others or bookmark for future reference.

Test all functionality on the live site to ensure everything works as expected

Common Issues & Troubleshooting

Custom domain not connecting

Verify your DNS settings with your domain provider. Add the CNAME record pointing to hosting.framer.com and ensure DNS propagation is complete (can take up to 24 hours).

Site showing old version after republishing

Clear your browser cache or try opening the site in an incognito window. Browser caching can prevent you from seeing the latest published version immediately.

Images not loading on published site

Check that all images are properly uploaded to Framer and not linked externally. Re-upload any problematic images directly to your Framer project assets.

Publish button is grayed out

Ensure you have publishing permissions on your Framer plan. Free plans have limited publishing options - upgrade to a paid plan for full publishing capabilities and custom domains.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Framer website before purchasing.

Visit Framer View Framer Pricing