Edit page
Editing
{{ page_name }}
· Builder + HTML editor (CodeMirror)
{% if published_as %}
Published as:
{{ published_as }}
OK
{% endif %}
Ready
Back to Admin
Preview
Save layout
Update
Publish layout
Drag sections
Hero
headline + CTA
Features
cards grid
Gallery
images grid
Testimonials
quotes
FAQ
questions
CTA block
banner
Rich text
free content
Contact
form + contact details
Pricing
plan cards
Comparison
tier differences
Drag items
(into a section):
Card
title + text + image
Image
single media
FAQ item
Q + A
Quote
name + quote
Card actions
(drop onto a card):
Button
attach to a card
Tip: Sections accept items. Each item can have its own image (perfect for feature cards with icons/images).
Page builder
Drag sections here · drag items into a section · click to edit
Default: 1 col
Default: 2 cols
Default: 3 cols
Default: 4 cols
Default: 5 cols
Inspector
Design
Media
Online images
Click a section or item to edit it.
Selected
Title
Title alignment
Default
Left
Centre
Right
Justify
Body alignment
Default
Left
Centre
Right
Justify
Text
Body
Tip: use the toolbar for bold, lists, colours, font sizes, alignment, and divider lines.
Columns
1
2
3
4
5
Image URL
Button link URL
Button alignment
Default (Left)
Left
Centre
Right
Full width
Hero buttons
(leave URL blank to hide a button)
Button 1 label
Button 1 URL
Button 2 label
Button 2 URL
Tip: use
#
+ a section id (e.g.
#sec_xxx
) to jump.
Button label
Remove
Pricing card
Currency
Amount / value
Suffix
Featured plan
Contact form
Recipient email
Form title
Form intro text
Submit button label
Apply
Delete
You can drag an image from the Media tab onto an item's thumbnail area.
Section style
Background colour
Spacing
Default
Compact
Normal
Spacious
Text alignment
Default
Left
Centre
Enable custom section style
Turn off to revert to the page defaults.
Body font
Default (as generated)
System
Arial
Trebuchet MS
Georgia (serif)
Times New Roman
Heading font
Default (same as body)
System
Arial
Trebuchet MS
Georgia (serif)
Times New Roman
Colours apply to the published page. Leave toggles off to keep current defaults.
Accent colour
Text colour
Muted text colour
Background colour
Reset design
Refresh
Upload
Upload
Close
Images will go under
uploads/media/images/...
No media loaded yet. Click “Refresh”.
Search Pixabay → click an image → we import it locally so links never break.
Search
Orientation
Landscape
Portrait
Any
Type
Photo
Illustration
Vector
Search
No results yet.
HTML editor (detached from the builder unless you click “Generate HTML”)
Initialising…
Page key (slug)
Page HTML
{{ content|e }}
{% if is_contact_page %}
Contact form settings
These settings control where this page’s contact form submissions are routed.
Destination / admin email
Email subject prefix
Success message
{{ contact_settings.success_message }}
{% endif %}
Save
This is what will be served for the page. The builder saves separately in
page_layouts
.