Home page builder
Design your website home page from ready-made sections, edit them in English and Arabic, preview on phone and desktop, and publish when ready.
Open the builder
Go to Website > Website Builder, or select Edit Home Page on the Website settings page. The builder needs a computer or tablet screen; on a phone it asks you to switch to a larger screen.
The screen has three parts:
- Sections (side list): every block of your home page, in the order patients see them.
- Preview (middle): your real home page with your unpublished changes.
- Editor (other side): the fields of the section you selected.
Add, arrange and hide sections
- Select Add section and pick from the library. The new section is added after the one you selected.
- Drag a section by its handle to move it, or use the move buttons.
- Use the switch on a section to hide it without deleting it.
- Duplicate or delete a section from its menu.
Edit a section
Select a section in the list, or click it directly in the preview. The editor has two tabs:
- Content: texts in English and Arabic. Fill both languages; if one is empty, patients see the other one.
- Settings: images, links, background style (plain, tinted or brand colour) and options such as how many items to show.
Links can point to your own pages (Tests, Offers, Book a visit, Contact, Patient portal and others) or to any web address.
Preview on any device and language
Use the device buttons in the top bar to see the page as a phone, tablet or desktop, and the EN / ع switch to check both languages. Most patients visit from their phones, so always check the phone view.
Save, publish and go back
- Your changes are saved automatically as a draft. Patients do not see a draft.
- Select Publish to make the draft live.
- Undo and Redo step through your recent changes.
- Revert to published throws away the draft and returns to what patients currently see.
- Reset to default replaces the draft with the starter home page.
Available sections
| Section | What it shows |
|---|---|
| Hero banner | Headline, short text, two buttons and an optional test search box |
| Book a home visit | A short request form patients can send without an account |
| Offers | Your active offers with prices and countdowns |
| Featured tests / Packages | Tests and packages marked as featured in the Website Catalog |
| Highlights | Icon cards with your main strengths |
| Numbers | Short facts such as "24/7" or "Same day results" |
| How it works | Simple numbered steps |
| Testimonials | Published patient testimonials |
| Rating summary | Your average visit rating (appears after a few ratings) |
| Branches | Branch addresses, opening hours, call and directions buttons |
| FAQ | Your published questions and answers |
| Latest articles | Newest blog posts |
| Partners | Logos of insurers, accreditations or partners |
| Call to action | A coloured banner with one button |
| Text / Image and text | Free content about your lab |
| Patient portal | Invitation to sign in and install the app |
| Contact | Phone, WhatsApp, email and address |
Where the content comes from
Some sections only arrange content you manage elsewhere:
- Offers, testimonials and FAQs: from their pages in the Website section.
- Featured tests and packages: from the Website Catalog.
- Branches: from your branches; opening hours are typed in the section.
- Rating summary: from patients' visit ratings.
- Latest articles: from the Blog.
A section with nothing to show is hidden automatically.
Tips
- Keep the hero short: one clear promise and the main button (usually Book a home visit).
- Put booking and featured tests near the top.
- Check both languages on the phone view before publishing.
- Fonts, shapes and colours come from your theme; change them on the Website settings page.