THE TEMPLATE / START HERE
Make it your own.
A boutique product showcase template with enquiry options for thoughtful brands. This is not a fully integrated ecommerce store: no built-in shopping cart, payment processing, inventory management or order fulfilment is included. To accept payments, connect your own external hosted checkout links and configure products, prices, currency, shipping and taxes with your chosen provider. Provider fees and subscriptions are separate. Demo product links open the Contact page; the bundle’s PayPal button opens the PayPal homepage only. RAL (Restore, Abundance and Love) is a fictional example brand, not a working online store. All supplied media, including photography, logo imagery and video, is for demonstration only and may not be reused, published or redistributed. Replace every example asset with your own appropriately licensed media before publishing or redistributing your remix.
Single-use template licence: You are granted the right to use this design to build one single live personal or commercial website for yourself or a client. Sharing the Remix Link or reselling this template layout is strictly prohibited.
START HERE / YOUR REMIX CHECKLIST
Replace all example media with your own appropriately licensed photographs, logo and video. No supplied media is licensed for reuse.
Replace the brand name, product content, sample reviews, venue details and policies.
Connect product and bundle checkout links, then configure and test the Contact form destination.
Update page titles, descriptions and social images. Test screen sizes, navigation, FAQ, video and links before publishing.
01 / Connect your checkout
Home’s Choose a bottle button opens the Bottles catalog; individual product cards open their detail pages. On Bottles and product detail pages, buttons use Purchase Link in CMS → Products. Sample links open Contact for enquiries. Replace each product’s Purchase Link with its verified hosted checkout URL, including the correct product, price, currency and shipping. Update each Product Feature’s Button Label and demo notice to match the destination. Keep product-specific checkout links separate; do not turn the catalog button into a generic single-product payment link.
Collection checkout: Home’s collection “Pay with PayPal” demo button also opens the PayPal homepage in a new tab, not a bundle checkout. Create a separate PayPal payment link for the complete bundle with its own description, price, currency and shipping, then replace the collection button’s link with that URL. Pointer and keyboard interaction are already enabled. Test the bundle total before removing its demo notice. Do not reuse a single-bottle payment link for the collection or distribute your own merchant checkout in the template.
02 / Add your brand and products
Edit product names, prices and copy in CMS → Products using Name, Image, Image Alt, Price, Eyebrow, Description and Details. Home’s Everyday Collection, Bottles and product detail pages share these entries. Replace each example product image in CMS, not on the connected canvas layer. Add or remove entries to update the collection layouts automatically. Check product links after changing slugs.
Replace Home’s hero and collection showcase photographs through their Fill image pickers. Edit ordinary text on the canvas, component content through sidebar controls, and shared navigation/footer content in Site Layout. All supplied media is example-only and must be replaced. Verify product facts, keep descriptive image alternatives and check Desktop, Tablet and Phone after customising.
03 / Complete the essentials
Before launch, replace example media, placeholder brand details and sample reviews. Verify product facts and replace demo policies with reviewed business policies. Configure the Contact form destination and submit a test; test each product and bundle checkout before removing its demo notice.
Test keyboard navigation, the mobile menu, FAQ, video and product links in a browser. Review all screen sizes and intermediate widths. Add branded social-sharing images. Confirm the venue map loads on a published preview, or remove it if unused. Review third-party privacy requirements and confirm that every replacement asset is appropriately licensed.
Set up your contact form
Open the Contact page and select Contact form. The included form collects Name, Email, Enquiry type and Message. All four fields are required; Email uses email validation. Edit the visible labels and placeholders on the canvas, and customise the enquiry options in the dropdown settings. Keep field names unique so incoming submissions are easy to identify.
In Framer’s form settings, connect your own submission destination, such as your business email or a supported integration. No recipient is configured for you by this template. Review Framer’s current form limits and any integration costs. Keep the demo warning on Contact until your destination is connected and tested; never enter real customer information into the demo.
The Send message button includes Sending, Success, Error and Incomplete states. Publish a preview from your own project, submit a non-sensitive test enquiry and confirm it reaches your destination. Test missing required fields, an invalid email, keyboard navigation and phone layout. Update your Privacy Policy to explain how enquiries are handled, then replace the demo introduction with your own contact copy and response-time expectations.
04 / Replace the promotional video
The supplied video was created by the template author using Gemini Flow. It is an example only and may not be reused, published or redistributed. Select the existing video in Home’s Brand film section and replace its source with your own appropriately licensed uploaded file or video URL; do not add a second player. Autoplay is off, playback controls are visible, and muting and looping are enabled. Test your replacement on Desktop, Tablet and Phone.
05 / Your multi-page site
Home introduces the demo brand, an included demo video and the Everyday Collection connected to Products CMS. Bottles lists the same Products, and each product has a CMS detail page. Edit product content once in Products to update these locations together. Our Story and FAQ provide editable brand content. Contact holds the enquiry form. Privacy and Terms remain policy starting points requiring legal review. A 404 page helps visitors return home. Navigation and footer are shared through Site Layout.
06 / Add your venue
In Site Layout, find Venue map in the shared Contact Us section. Select Google Maps — set your venue and change Location to your venue’s full address or business name. Update the venue name and address below the map, then change the demo label to Visit us. London is supplied as a clearly labelled demo location only, not a business address. Before publishing your own site, replace London with your venue and confirm that the map pin matches your address. Test the interactive map on the published site on desktop, tablet and phone; editor previews or automated screenshots may not display third-party maps even when they load in a normal browser. Remove the map if your business is online-only, and review your privacy and consent requirements before using a third-party map.
07 / Add your company logo
Replace the example logo imagery with your own appropriately licensed logo. In Site Layout, select Site Navigation, upload your logo using Company Logo, and turn Show Default Logo off. Set Brand Name to your company name. Use a square logo mark with transparent space around it; it sits beside the editable name and links to Home. Check Desktop, Tablet and Phone for existing overrides. Update the footer company name, page titles, descriptions and social-sharing images to match. The supplied logo imagery is demonstration-only and is not licensed for reuse.
08 / Add genuine customer reviews
On Home, find Customer reviews — editable placeholders. Double-click each quote and customer name to replace them directly on the canvas. The supplied quotes are fictional layout examples, not real testimonials. Obtain permission to publish genuine feedback and attribution. Replace the sample labels and remove the placeholder notice only when every review is authentic. Do not imply verified purchases or ratings without evidence.
09 / Change the colours
Open Assets in the left sidebar and find the colour styles. Edit Colors/Emerald and Colors/Cream for the main green-and-cream palette, Page Background for the page surface, Text for the default text colour, and Accent for accent surfaces. These are separate shared styles even where their current colours match: update each relevant style to complete your palette. Changes apply everywhere that style is connected.
To connect a particular element to a shared colour, select it, open its Fill, text colour or border colour picker, and choose the appropriate style rather than a one-off colour. Edit shared navigation and footer colours in Site Layout; edit button and FAQ colours in their source components. Check light text on dark backgrounds, links and interaction states after changing the palette. Review every page on Desktop, Tablet and Phone. Colour changes do not recolour photographs, logos or video: replace those example assets separately.
10 / Change the fonts
Open Assets, find Text Styles, and edit Display and Section heading to change the main heading font. Edit Body for paragraphs and Label for navigation, buttons and small labels. The main headings currently use Cormorant Garamond; Body and Label use Bespoke Sans. Choose your replacement family in each style’s font picker, then select an available weight. Updating a shared text style changes all text connected to it without replacing the wording.
Also review Brand for the navigation name and Story Quote for the quotation. For text using another style, select the text and check its assigned style in the right sidebar; edit that style too if needed. If text uses a local font rather than a shared style, update it in place or connect it to the appropriate shared style. Check Desktop, Tablet and Phone sizes, line height, letter spacing and line wrapping. A new font may make headings or buttons longer. Use only fonts you are licensed to publish, including any custom uploads.
11 / Final cleanup
In Site Layout, replace the footer company name and venue details. Replace every sample review and all example media, including assets on Template Brand Assets. No supplied media is licensed for reuse; remove unused example assets from your remix before redistributing it. After setup, remove the Template Guide link from the shared footer; delete the guide page in the editor if no longer needed. Check Framer’s current CMS, hosting and form plan limits before choosing a plan. Only remove demo notices after the corresponding content or service is genuinely ready.
12 / Before you launch
Complete every applicable task before launching your remix as a real business website. Tick items as you work through them. This checklist is a temporary browser aid; ticks are not saved when you reload or leave the page. All supplied media is demonstration-only and must be replaced.