How to Get Started with Your Framer Template (Even If You’re New!)
So, you’ve just purchased a Framer template – awesome choice! Whether you’re launching a website for your startup, portfolio, or agency, Framer makes it super easy to build something stunning with zero coding required.
In this quick guide, we’ll walk you through exactly how to get started with your new Framer template – step-by-step.
Step 1: Log in to Your Framer Account
If you haven’t already, head over to Framer and sign in with your account. If you’re new to Framer, just sign up – it’s free to get started!
Step 2: Duplicate Your Template
After purchasing your template, you’ll receive a template link (usually via email or a confirmation page).
- Click the link.
- Then hit “Duplicate” on the top right.
- Framer will copy the template into your dashboard – and now it’s all yours!
You now have a fully customizable website, ready to go.
Step 3: Customize Your Website
This is where the fun begins! Inside the Framer editor, you can:
- Edit text – just click and type
- Replace images – drag and drop your own or use the Unsplash integration
- Change colors & fonts – match your brand style
- Add new sections or pages – easily from the left panel
💡 Tip: Stick with the template’s layout as a base – it’s designed for performance and visual balance.
Step 4: Connect Your Domain
Want to go live with your own domain like www.yourbrand.com?
- Go to Settings > Domains.
- Add your custom domain.
- Follow Framer’s DNS instructions from your domain provider (like GoDaddy or Namecheap).
Usually takes just a few minutes to connect!
Step 5: Publish Your Site
Once everything looks good:
- Click the “Publish” button in the top-right corner.
- Your site is now live for the world to see!
Final Tips
- Keep it simple. Focus on your message – Framer’s design already makes it look great.
- Use SEO settings. Add titles, meta descriptions, and Open Graph images in page settings.
Preview on mobile. Framer template is responsive by default, but always double-check.