Get Started
How to Use Your Template
Everything you need to know to set up, personalize, and go live with your new template.
Getting Started
Customization & CMS
3. Interaction & Setup
🛒 How to Buy
Here is how you can purchase the template from my website to get instant access.
⚡ Remix Link
This is the fastest way to bring the template directly into your account to start working.
Open your access link: Click the Remix link sent to your email.
Duplicate to your account: A new tab will open in your browser, automatically copying the project into your Framer account ready for editing.
🎨 Colors
Changing the color palette across the entire website is very easy and will only take a few seconds.
Open the Assets panel: Go to the left sidebar menu and enter the color styles section.
Locate global colors: You will see the list with the main tones powering the template.
Modify values: Click on any color to change its code and adjust the hue.
Enjoy the update: All elements connected to that color will automatically update across your entire site.
🔤 Fonts
Adjust typography to seamlessly match your brand’s style.
Open Text Styles: In the left sidebar panel, enter the text styles section.
Select hierarchy: You will see the fonts assigned to headings, subheadings, body text, and buttons.
Modify text: Select the typography you want to change and adjust the font family, size, or weight.
Automatic application: Changes will instantly reflect across all pages of your site.
📁 Custom Fonts
If you have a custom font, you can upload it directly to your workspace to use in the project.
Enter settings: Go to your main account dashboard and open workspace settings.
Navigate to fonts: In the left menu, select the option to manage typography.
Upload your file: Click the upload button and select your font file from your computer.
Use in design: Once uploaded, the new font will be available in dropdown menus to apply on your canvas.
✏️ Content
Learn how to edit static text, replace images, and update buttons across your website.
Edit text: Double-click any text on the canvas or change it from the properties panel on the right.
Replace images: Select the image you want to change, go to the right panel, and upload your file.
Update links: Click on any button or icon, go to the link option in the right panel, and enter your target URL or path.
🗄️ CMS Collections
Easily manage your dynamic content, such as blog posts, services, or portfolio items.
Open the CMS: Click the top-left menu and select the CMS option
Select your collection: Choose the collection you want to manage from the left panel.
Edit directly or open detailed view: You can modify data directly in the table cells or click the button on the Slug field to slide out the right panel with all editable fields for that item.
Save changes: All updates will automatically reflect on your site in real time.
Important: Keep in mind that the CMS page layout functions as a single structural template. Any design or structural changes made to that page will automatically apply to every item in that collection.
🧩 Global Sections
Customize global components such as navigation bars and footers from one single place.
Enter the Template: Select the global element template from the menu or canvas.
Click on the variant: Select the design variant to expand its available settings.
Edit variables: In the style tab of the right panel, modify text, links, and logos exposed in the component variables.
Full synchronization: Any adjustments made to the variables will automatically update across all pages on your site.
⚙️ Components
Learn how to customize interactive components quickly using their exposed variables.
Select the component: Click on the interactive element you wish to customize.
Use the right panel: Access the text, link, and image variables displayed in the right sidebar.
Customize: Update the values directly within the panel variables.
📩 Forms
Set up your contact forms to receive user inquiries directly in your inbox.
Select the Form layer: In the left layers panel, select the Form layer.
Configure email: In the right sidebar, go to the Form section, click Send To (Email), and enter your email under Recipient.
Confirm your email address: Framer will send a verification message to that account; simply open the email and click the link to confirm your email address.
Customize fields: Adjust the sender name, subject line, and body messages right inside the same pop-up window.
🚀 Publishing & Domain
Review final details, set up social media preview cards, and connect your custom domain name.
Preview your site: Click the play button to test desktop and mobile layouts and ensure everything looks pixel-perfect.
Configure SEO & Socials: Access site settings to add your main title, meta description, and preview image for social sharing.
Connect your domain: Go to the domains section, type your custom domain, and follow the on-screen steps to point your DNS records.
Publish live: Click the publish button, select your domain, and your website will be live and ready to visit.
💬 Support
If you need extra technical assistance or have questions about your template, feel free to reach out.
Check the guides: Take a quick look at the documentation tutorials in case your question is already answered.
Send an email: If you need further assistance, send me an email explaining your issue.
Attach a short video: Include a screen recording showing the issue clearly inside your Framer canvas.
Share your Remix Link: If deeper troubleshooting is needed, I will ask for your project's Remix link to inspect the setup directly.