Customize Layout
Quotion offers two options to customize your site’s layout:
- Layout Editor (Recommended)
- Home Note (Deprecated)
Layout Editor
The Layout Editor allows real-time preview of changes. Your site updates within 2 minutes after publishing.
To use the Layout Editor:
Access the Editor
- Login to the Quotion dashboard
- Select your site:
https://app.quotion.co/site/<your-site>
- Click the design page:
https://app.quotion.co/site/<your-site>/design
Make Changes
Edit logo
, favicon
, header links
, footer links
, and copyright
on all tabs. Find the hero
editor on the home
tab.
Home Note (Deprecated)
This option is deprecated due to limitations and conflicts with the layout editor. Use for reference only.
Migrate from Home Note to Layout Editor
- Click the save button on the Design all & home tabs
- Delete the home note
Home Template (Deprecated)
Home
Icons
Header
Hero
Peak Blog
Explore Our Creative Universe: Insights & Inspirations
The latest industry news, technologies and resources from the team.
Footer
Must keep the same structure or it won’t work, all headings like Icons
, Header
, Hero
and Footer
shouldn’t be renamed or moved.
Limitations
Icons
- Use exactly 2 images (favicon and logo)
- Text formats ignored
Header
- Only links work
- Texts or images ignored
Hero
- Change or remove decorated text
- Must have a hero title
- Links and images ignored
Footer
- Change, remove, or add links
- Last text treated as copyright note
- Other texts and images ignored
Example
Warning
Don’t mix the two options. The design editor overwrites the home note, causing sync issues.
Build your blog with Apple Notes in less than 5 minutes! Try Quotion for free!