Build your first web page

By the end of this guide, you’ll have a published web page live on your organization’s site — built by dragging blocks onto a page, no HTML required. It takes about 10 minutes.

Who can do this: Admins with the Web Editor role (the website:edit and website:publish permissions). The Website area isn’t visible to members.

What you’ll need

• An admin account with permission to edit and publish website pages.
• A rough idea of what you want on the page — a heading, a paragraph or two, maybe an image.

Step 1 — Open the page builder

1. Sign in to the admin area.
2. In the left sidebar, select Website, then Pages & Collections.

You should now see the Pages & Collections screen. If your organization is brand new, it shows a “No pages yet” message with a row of starter templates.

Step 2 — Create the page

1. Select New page (or, from the empty screen, Add your first page).
2. In the dialog, type a Title — for example, “About Us”. MapleGather fills in the Slug (the page’s web address) for you; you can edit it.
3. Leave Collection as “No collection” for now.
4. Select Create page.

You should now be in the page editor, looking at a blank canvas with a block palette down the left side.

Step 3 — Add content blocks

1. From the Blocks palette on the left, select Text. The block is added to the bottom of the page.
2. Open the block’s actions menu and select Edit block. Type a heading and a short paragraph in the Text box, then select Close.
3. Select Image in the palette, then use Edit block on it to enter the picture’s Image URL and Alt text.
4. Blocks appear in the order you add them. Moving a block to a different position isn’t available yet.

Your changes save automatically about every 30 seconds. A quiet “Saved” note appears near the page title so you know your work is safe.

You should now see a Text block and an Image block listed on the canvas. Use Preview to see their content as visitors will.

Step 4 — Preview and publish

1. Select Preview, then choose Anonymous under View as.
2. Look over the page the way a visitor will see it, then select Exit preview.
3. When it looks right, select Publish.

You should now see the status change to Published, and the page is live at its web address.

What you’ve set up

You now have a published web page with a heading, a paragraph, and an image — created without writing any code, and safe to edit again at any time. Next, you might want to:

• Organize pages with collections
• Restrict a page or section to members
• Set a page’s SEO title and description