- For organizations
- Owners and co-leaders (anyone with School settings set to Edit settings)
- Website plan
Sections you can add
Your homepage and the pages you add are built from sections: a welcome at the top, a heading and text, your classes, a photo gallery, a contact form, and more. This page lists every section, what you can fill in, and the limits on photos and files. You need the Website plan and School settings set to Edit settings.
Add a section
Sections go on your homepage and on pages you add. Famlo fills your Classes and teachers pages by itself, so they don't take sections.
- Open Website, then select Edit your website.
- Select the section you want the new one to follow, on the page or in the list on the left.
- Select the plus button that appears under it. On an empty page, select Add a section instead.
- Choose a group on the left, or type in Search sections. The badge beside the title shows where the section will go, such as After “Numbers”.
- Select a card, then Add section.
- Fill in the section on its Content tab. Like every editor change, it's a draft until you publish.
The previews are drawn in your site's look. A card marked One per page can't be added because the page already has one.
The groups
| Group | What's in it |
|---|---|
| Welcome | "The first thing families see" |
| Classes | "Filled from your Classes automatically" |
| People | "Your teachers, and what families say" |
| Trust | "Why families can count on you" |
| Info | "Words, photos and files you write" |
| Shop | "Prices, and what your shop sells" |
| Sign-ups | "Families get in touch or join your list" |
Content and style
Select any section, on the page or in the list on the left (1), and the panel on the right shows its Content tab (2) and its Style tab (3). Content holds the fields listed on this page. If the section is filled from elsewhere in Famlo, a note at the top says where to change it. Style holds the layout, background, spacing, Hide on phones and a Link name. See Edit your website on the page.
Most sections have an optional Heading of up to 120 characters. Put asterisks around a word to make it stand out, in the style you pick under Emphasized words on the Style tab.
Sections you write
You type the words in these sections yourself. Numbers in brackets are the most characters a field takes.
| Section | Group | What you fill in |
|---|---|---|
| Welcome (hero) | Welcome | "The big welcome at the top of a page." Small line above the headline (80), Headline (120), Welcome text (400), a photo, and two buttons. Leave the first button blank and it says "See upcoming classes" and goes to your classes. One per page. |
| Call to action | Welcome | A heading, a line (300), Button words (40) and Button goes to. The button shows once both are filled in. Layouts: Full-width band or Side by side. |
| Heading and text | Info | A heading and a few paragraphs (up to 5,000 characters). |
| Text and photo | Info | A small line above the heading (60), a heading, paragraphs, a photo, Photo side and Photo shape. |
| About us | Trust | "Who you are. Uses your Famlo description until you write your own." Up to 10,000 characters. |
| What we believe | Trust | An intro (300) and up to 6 points, each with a small picture from a set list, a title (80) and a line (300). Layouts: Grid or One row. |
| Quote | People | The quote (400) and Who said it (80). It isn't drawn from your testimonials. Layouts: Big or Plain. |
| Questions and answers | Info | Up to 30 questions (200 each), each with an answer (2,000). |
| Photo gallery | Info | Up to 24 photos, with Photo shape set to Square for a tidy grid or Original to keep each photo whole. Visitors tap a photo to see it larger. |
| Video | Info | "A YouTube or Vimeo video. It loads only when a visitor presses play." Video link, a caption (200) and a cover photo. Layouts: Full width or Inset. |
| Files to download | Info | Up to 20 files, each with a title, a description (160) and the file. |
| Button | Info | "A single button linking anywhere." Button text (40) and Link. |
| Price list | Shop | Up to 12 price cards, each with a name, a price (30), Per (60), a note (240) and an optional button, plus Note under the prices (400). You type the prices as text, and nothing is charged from this section. |
Sections Famlo fills for you
These sections show what's already in Famlo and update by themselves. You choose the heading, how many to show and how they look.
| Section | Group | Where it comes from, and what you set |
|---|---|---|
| Classes | Classes | Your upcoming classes. Show: All, or only some towns, categories or teachers. How many: 3, 4, 6, 9 or 12, or Same as homepage. Card style, and When there are no classes: Hide the section or Say new classes are coming. On each card applies to every class list on your homepage. |
| Weekly timetable | Classes | A Classes section that starts as a timetable: "Monday to Friday, every weekly class in its column." It shows every weekly class. Only offered in looks that draw a timetable. |
| Next class | Classes | "The next class that still has seats, in the spotlight." It changes by itself as classes fill and pass. |
| Programs by age | Classes | Up to 6 age groups, each with a Name (60), From age and To age (0 to 18) and One line about it (200). Each links to its classes with a live count. Layouts: Soft cards, Color blocks, Bubbles or Columns. |
| Numbers | Trust | Up to 4 numbers Famlo counts: Classes this term, Teachers, Families booked recently and Year we started (you type the year). Words under it is optional. A number that comes to zero isn't shown, and Families booked recently is hidden until it reaches 10. |
| Instructors | People | Cards linking to your teachers' profiles. "These come from your People: everyone shown on your website." How many (1 to 24, default 4), Card style, and switches for Photo, Bio and Classes they teach. Teachers' contact details are never shown. |
| Testimonials | People | Testimonials you published to your website. Show: featured, newest, or those about one class. How many: 1 to 12. See Testimonials. |
| Programs we accept | Trust | "The scholarship programs families can pay with, from your settings." |
| From the shop | Shop | Downloads and videos from your Store, with their prices. How many: 1 to 12. Layouts: Cards or One row. See Sell downloads, videos and bundles in your Store. |
| Contact details | Info | Your address, phone, email, hours and social links from Website › Details. Show a map works only when your site shows a street address. Layouts: Side by side or One card. |
A section Famlo fills shows nothing on your site while it has nothing to show, such as Next class when every class is full. Your page doesn't get an empty heading.
Sign-up sections
| Section | Group | What it does, and what you fill in |
|---|---|---|
| Contact form | Sign-ups | "A short form that sends a message to your inbox." Families type their first name, email and a message, and it arrives in Messages. You set an intro (300) and Starts the message with (80), so you can tell at a glance what a message is about. See Your team inbox and quick replies. |
| Email signup | Sign-ups | "A box where families join your mailing list." An intro (300). Layouts: Full-width band or Card. See Your mailing list. |
The photo panel
Select a photo on the page, then Crop or Replace, to open the photo panel.
- Replace with (or Add a photo from): Upload a photo, or pick from Class photos, the photos already on your classes. A class photo is copied onto the page and the class keeps its own.
- Focus point: drag the dot to the part of the photo that must stay in view when your look crops it ("Drag the dot to keep faces in view"). Arrow keys move it too.
- Shape on the page: Automatic, Original, 4:5, Square or 3:4. A Text and photo section offers Original, Wide or Square.
- Frame: Automatic, Tile, Arch, Circle, Blob or None. Cut-out (needs a transparent PNG) lets a photo with a see-through background stand on the page with no tile.
- Describe the photo: up to 160 characters, read aloud by screen readers. "Leave blank if the photo is only decoration."
Some looks set the shape or frame themselves. The panel then says, for example, "This look sets the shape and frame of this photo."
In a Photo gallery, each photo gets a focus point and a description but no shape or frame of its own. Add photos puts new ones at the end of the gallery, and Remove from gallery takes one out.
Upload limits
| What | Types | Size |
|---|---|---|
| Photos | JPEG, PNG or WebP | Up to 10 MB |
| Files in Files to download | PDF, Word, Excel, PowerPoint, text, CSV or a photo | Up to 10 MB |
Famlo removes hidden details such as the location from photos you upload. Photos and files stay out of sight until you publish. On a members-only page, they're sent only to people who can open that page. See Pages, your menu, and who can see each page.
There's no separate photo library. Each photo belongs to the section you added it to.
What isn't offered
Sections keep to plain fields, and your look does the design. On purpose, there's no:
- custom code, HTML or CSS;
- choosing fonts or colors for one section (they come from your look; see Your site's look);
- stock photos or background removal;
- links set to open in a new tab;
- video from anywhere other than YouTube or Vimeo.
Troubleshooting
I can't add a second Welcome (hero). Each page takes one. The card shows "One per page — this page already has one." Use Call to action or Text and photo for a second big moment.
A section I added doesn't show on my site. Check two things. Editor changes appear only after you publish. And a section Famlo fills shows nothing while it has nothing to show, for example Testimonials before you've published any to your website.
My video link is refused with "Paste a YouTube or Vimeo link." The section takes YouTube and Vimeo links only. Copy the address from the video's page, like https://www.youtube.com/watch?v=…
My photo won't upload. "That photo is bigger than 10 MB." means you need a smaller copy. "That isn't a photo we can use. Choose a JPEG, PNG or WebP photo." means the format isn't accepted. Save the photo as a JPEG and try again.