Website Editor
Build and manage your website with Dru and manual editing tools. Learn about pages, sections, design, add-ons, domains, and integrations.
By Mark1 author45 articles
Getting started with the website editor
Get to know the website editor, explore the canvas, meet Dru, and learn how to edit, review, and publish your website.
- Navigate your website in the canvasFind pages, sections, design controls, and Dru in the website editor.
- Meet DruDiscover what Dru can help you create, learn how to ask for changes, and make your website feel more like your business.
- Understand pages and sectionsChoose between adding a page and adding a section to organize your website.
- Edit page content with Dru or manuallyAsk Dru to update your page, or use inline editing and manual fields.
- Review changes and undo with HistoryReverse an available edit from History or undo a change made by Dru.
- Preview, save, publish, and manage visibilityPreview your website on desktop and mobile, share it before publishing, and control when it becomes public or private.
Website design and branding
Work with colors, typography, layout, logos, and your favicon.
- Add or generate a logoUse an existing logo or work with Dru to create one for your website.
- Change colors, fonts, corners, and layoutsSet a consistent website style and use Dru for structural design changes.
- Customize your website faviconChange the small icon used in browser tabs and other website previews.
Working with sections
Build pages from useful sections and customize their content and arrangement.
- Showcase work with a galleryArrange photos to give visitors a visual overview of your work or business.
- Present a restaurant or service menuOrganize offerings into categories with clear descriptions and displayed prices.
- Show your location and business hoursHelp customers understand where and when they can reach you.
- Add customer testimonials and trust contentPresent genuine customer feedback and supporting brand information.
- Add an embed section with custom codePlace a third-party widget or custom HTML block in a specific page section.
- Add custom fields to your contact formCollect the details you need by adding Customers custom fields to a website form.
- Add and customize a contact formCollect inquiries and give visitors the right ways to reach your business.
- Add a video sectionPlace a video on a page so visitors can watch a walkthrough or introduction.
- Add video to a bannerUse motion behind or alongside your banner content.
- Add and arrange sections on a pageBuild a page from sections, browse designs, and change their order.
- Introduce your teamShow the people behind your business with names, roles, photos, and biographies.
- Highlight key numbers with a metrics sectionPresent real business statistics with clear labels and context.
- Add frequently asked questionsAnswer common questions in a dedicated section or on an FAQ page.
- Display services with a pricing sectionHelp visitors compare packages, prices, and what each includes.
- Create and style a text sectionAdd longer explanations, business information, or prepared policy text to a page.
- Add a call-to-action sectionGive visitors a clear next step after they read your page.
- Showcase services and featuresExplain an offering with text, images, and useful links.
- Create and customize a bannerIntroduce your business with a clear heading, imagery, and a main action.
Add-ons and website visibility
Open Bookings and SEO & GEO from the editor and understand website activity.
Sell, Bookings, and Blog
Connect your website to products, appointments, and posts, and manage each in the right place.
- Add Bookings to your websiteSet up appointment services and availability, then add booking controls to your website.
- Show products and digital downloads on your website with SellDisplay products and digital downloads in a catalog and manage its placement in the website editor.
- Customize your blog's appearance and URLCustomize your blog’s width, displayed details, header and footer styles, and URL to match your website.
Domains, languages, and site settings
Manage your website address, translations, and platform branding.
- Manage domains and share a preview linkFind your website address, connect a domain, or share your site before publishing.
- Add and manage website languagesTranslate your website into additional languages, keep translations updated automatically, and help visitors choose their preferred language.
- Removing the "Built with Durable" Branding from Your WebsiteLearn how to easily remove the "Built with Durable" badge from your website by upgrading to a paid Durable subscription, giving your site a fully professional and branded look.
Integrations and custom code
Install scripts and embeds, connect analytics, and verify your website with Search Console.
- Add and manage site-wide custom codeInstall scripts through Integrations and choose whether they belong in the head or body.
- Verify your website in Google Search ConsoleConnect Search Console and submit your sitemap so Google can discover your pages.
- Connect Google Analytics to your websiteInstall your Google tag and check that Analytics receives website activity.
- Add third-party widgets and external booking linksConnect a provider's content through an embed, script, or link.