THE DAILY CRUMB: TEMPLATE INSTRUCTIONS

Welcome to The Daily Crumb! This template is designed like a classic, high-quality newspaper. It relies on strong typography, clean lines, and a single CMS collection to keep your bakery or café running smoothly.

💡 THE GOLDEN RULE: USE FRAMER AI

Framer has a powerful built-in AI assistant. If you ever feel stuck, accidentally break a layout, or want to change the structure of a page (like adding a new menu category), ask the AI to do it for you.

To access the AI assistant, click anywhere on the empty canvas so that no objects are selected. The AI Assistant panel will appear on the right side of your screen. Type your request in plain English, and the AI will guide you or make the changes for you.

GLOBAL SETTINGS & BRANDING

Before editing the content, set up your basic site settings so it feels like your own brand.
Site Name, SEO & Favicon

1. Click the "Framer" logo in the very top-left corner of the app, then choose Settings

2. Go to General to change your Site Title, Description, and upload your Favicon (the tiny icon in the browser tab).

Colors & Fonts

This template uses a strict “Paper and Ink” editorial palette. If you want to tweak the colors or fonts:

1. Open the Assets panel on the left side of your screen.

2. Scroll down to Color Variables. Change the “Paper” (background) or “Ink” (text) colors here. The entire site will update automatically.

3. Scroll down to Text Styles to safely change the fonts without breaking the newspaper aesthetic.

UPDATING YOUR MENU (THE CMS)

The heart of this template is the CMS (Content Management System). You don’t need to design new pages for your menu items—you just fill out a simple form, and the website updates itself.
To open it, click the CMS icon (the stacked database symbol) in the top-left menu (with Framer logo) and select Menu collection.
How to add or edit an item:
Click on any existing item to edit it, or click + New Item in the top right. Fill in the text fields (Title, Price, Description, Dietary Tags).
Understanding the special toggles and fields:
We created specific rules so your menu looks like a curated publication:
• Category: The general category of your item (e.g., Freshly Baked, Coffee & Tea).
• Menu Section: This strictly controls exactly which block the item appears in on the Menu Page. Make sure this matches the section you want it to live in.
• Featured (Toggle): Turn this ON if you want the item to appear in the quick “Today’s Particulars” showcase on the Homepage.
• Today’s Favourite (Toggle): Turn this ON for only one item per category. This item will be highlighted in the large, beautiful feature block at the top of the Menu Page.

EXTERNAL LINKS (ORDERING & MAPS)

“Order Now” & “Order Ahead” Buttons
This template is designed to link out to your existing online ordering system (like Square, Toast, Shopify, or UberEats).

4. Select the Header component on a template page (Basic template or Nested page).

5. In the right panel, look for the link property (e.g.,  Online Order URL ).

6. Paste your external ordering link.

7. Important: Make sure it is set to open in a New Tab so visitors don’t lose your website.
   (If you don’t have online ordering, you can delete the URL to hide the button, or change the text to “CALL TO ORDER” and use  tel:+yournumber  as the link).
   Google Maps (“Find Us” Page)
   To make the “OPEN IN MAPS” button work perfectly for your location:

8. Open Google Maps in your browser and search for your café’s address.

9. Click the “Share” button, then “Copy Link”.

10. In Framer, go to the Find Us page and click directly on the “OPEN IN MAPS” button.

11. In the right panel, paste your link into the “Link” field and set it to open in a New Tab.