Beginner
How to publish your site on Framer
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.
Prerequisites
- A completed Framer project
- A Framer account with publishing permissions
- Basic understanding of Framer's interface
- Internet connection
1
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.
Tip
Make sure your project is complete and tested before publishing
2
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.Tip
Choose a memorable subdomain name as it cannot be changed later without republishing
3
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.
Tip
Keep your description under 160 characters for optimal SEO performance
4
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.
Tip
Use high-quality images for social sharing to improve click-through rates
5
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.
Tip
Disable indexing during development and enable it only when ready for public viewing
6
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.
Tip
Check your site on mobile devices as most web traffic comes from mobile users
7
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.
Tip
Publishing typically takes 1-3 minutes depending on your site's complexity
8
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.
Tip
Test all functionality on the live site to ensure everything works as expected
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.
Ready to get started with Framer?
Put this tutorial into practice. Visit Framer and follow the steps above.
Visit Framer →