Welcome to the setup guide
Thanks for purchasing the Engaged framer website template and for your support!
The following documentation should provide you with all the necessary information for you to customise the template and make it your own.
Haven't bought the template yet? Buy it here.
If you're brand new to Framer, I recommend starting off with the Framer Fundamentals course to get familiar with the way the editor works and then coming back here after.
Editing the basics
Let's start out with the basics that will take you from a template to a customised wedding invitation in a few minutes.
Colors
Although the template is designed with a beautiful luxury color palette, you probably want to change the colors to match the theme of your wedding. The colors are named based on where they are used.
To edit the colors:
Click the "Assets" tab at the top of the left panel.
Scroll down to the "Styles" section.
Click on the folder named "Color".
Edit the "Highlight" color first to swap out the burgundy color with your wedding color
OPTIONAL: Play around with other colors, e.g. change "BG - light" from the current beige to a light grey for a more modern look.
Content & Images
Text
You can edit any block of text or image by double clicking it or by clicking it once and scrolling down to the "Content" or "Fill" field in the right panel.
Images
Images can be edited in a similar way, by clicking them in the editor and scrolling down to the "fill" field in the right panel. You can upload an image from your
Components
Text and images inside components (they're purple when you click them) will have clearly labeled variables in the right panel to edit them, as shown in the image below for the "Transport Type" component.
Components are used for repeated blocks of content to make it easier to manage them in one place. You shouldn't need to edit their layouts, but if you do you can just click the "Edit component" below the variables in the right panel button to open up the component editor.
