Construct & Edit Your Web Pages

While every good church website has a great homepage, your homepage can only contain so much information before it becomes convoluted and complicated, and much too long to scroll all the way down to the bottom. That’s why every good church website also has various pages containing sectioned off information to keep the homepage clean and keep each individual page focused.

If you’ve already constructed your homepage, then you should already be familiar with a lot of the features and tools available to build your pages. (i.e. It’s exactly the same process.) But even if you haven’t yet, don’t worry! We’ll go over the most important steps below to make sure you’re not left behind.

In this guide, we'll cover the following topics. Click on any one to jump ahead.

Premade Page Templates

When creating a new website, it can be daunting to know where to start - even if you have an old website to base your new one off of.

Thankfully, Nucleus Web comes equipped with tons of page templates for all the various pages any church needs for a successful website!

Whether you’re just starting out with building your website on Nucleus or are creating a single page to add to your existing Nucleus website, using page templates is a great way to fast track the process of creating your pages.

But especially if you haven’t created any pages yet, we recommend starting with a number of page templates. Not only will this give you ideas and inspiration on what you can use for your own page (after tweaking and editing it to fit your own church context), it also provides a great way to explore the various different sections and ways to use sections on a page if you’re new to Nucleus Web.

To begin, while in Nucleus Web, click on Pages in the main menu. Click here for a quick link. This will take you to the Pages Panel.

As you can see, there’s a lot to explore here on how to manage your pages. Since we’re interested in how to create a page using a premade template, we’ll come back to that later on. (But if you’re too impatient, click here to quickly scroll down to the discussion on that.)

To create a page using a template, first click + Create Page.

Then, select the option to Start from a template.

Note: If you’re a free spirit, you can always choose Create a page from scratch 📄

Next, choose a template that you’re most interested in. For our example, we’ll explore the Contact option.

Type in a name for your page for admin management purposes. Then click Create Page.

After your page is created in the system, you’ll be able to quickly set up some additional settings for your page.

First, you can select the page’s privacy level: Public, Hidden, or Private.

You can also skip this step and edit this later.

Note: We explore what each of these privacy levels means along with how privacy controls work overall in Nucleus) in our guide to Understand Nucleus Web Privacy Options.

Lastly, choose whether you want to invite any new admins to access this specific page (to help with the editing process).

Choosing to invite an admin is super easy. Just input their name, email address, and what level of access you want them to have.

Click Continue when you’re satisfied with your selection.

Now you’ve finally reached the Page Editor. We’ll explore this in the next section below, but first, let’s take a peek at what this page looks like on the front end.

Click on the Preview button.

This will open a new tab and take you to your page as it currently exists. Feel free to scroll through the entire page so you can get some inspiration for the edits you’re about to make.

To go back to the Nucleus Dashboard, simply go back to the original tab you were on.

Explore The Page Editor

Now that you’ve seen what your page looks like, it’s time to explore how to build, edit, and manage your page.

If you’re back on the Pages Panel, click the Edit button on the page you just created.

Otherwise, go back to the tab where you had just created your page from a template.

The Page Editor consists of the main menu at the top.

  • The Create section provides you with all the options and features you need to fully create your page.

Note: You’ll notice there are sections already established. We’ll take a look at how to manage and edit them below.

  • The Share section is where you can access the various ways to share your page, namely via a direct URL or in The Launcher.

  • The Settings section lets you adjust the page’s slug/permalink as well as manage admin access to that specific page.


Clicking on each item in the top menu will present you with unique options in the left sidebar, some of which we’ll explore below.

In the top menu, you’ll also notice a few other options.

  • When you click Exit, you can choose to Save & Close or Discard Changes. Exiting brings you back to the overall Pages Panel.

  • Beside this, you should see the Autosave Timer. This displays how long ago your last activity was automatically saved. This also means that while building your pages, you don’t need to constantly worry about when the last time you saved your changes. Nucleus does this for you! And if there is ever a disconnection between Nucleus and your device, we’ll lock the page you’re working on to prevent you from losing any work until a connection is re-established.
  • Clicking on Preview opens a new tab and lands you on the page you’re currently working on.
  • When you’re ready to make your edits live on your website, click the Publish button. From there, you can publish your edits immediately or schedule for your edits to be set live at a later date/time.

Lastly, the dropdown in Page Menu offers a couple more important features.

  • Choosing Edit Page Name + Info, you can add in some helpful basic information for search engines to use for indexing your page, as well as for if you share this page in other areas of your website, this information could be shown there (such as in a Cards Section on a page).

  • Choosing Add to List allows you to add the page you’re currently working on to a list/group of other pages. (You’ll need to create a custom list first before you can see any options here.) We’ll explore how to create lists below. Click here to scroll down to that section.
  • You can also quickly duplicate or archive the page you’re working on, or revert any changes you’ve last published.

Manage Your Sections

Now that you’re a bit more oriented with the Page Editor, let’s explore what makes up a page: sections.

To start, go back to the Create tab. You should immediately land on Build in the left sidebar.

All pages on Nucleus Web are constructed with sections. There are various types of sections you create, and each section can contain unique pieces of information and content.

(We’ll explore editing a section below.)

As mentioned above, you’ll notice a number of sections already established for your homepage.

You can reorder the sections by clicking on the two lines on a section and dragging it up/down the list.

You can also quickly Duplicate, Rename, or Delete a section by clicking the small down arrow on a section.

Add & Edit Your Sections

Feel free to delete all the premade sections and start from scratch or edit each premade section to give yourself a good starting point.

To add a new section, click + Add New Section.

You can then choose which section type you want:

  • The Information Section allows you to display informational content. (This will likely be your most used content section on all your pages you create.)
  • The Cards Section allows you to present a grid of blocks linking out to other areas on the internet (either on your website, in The Launcher, or elsewhere).
  • The List Section allows you to present content in lists, including collapsible accordion formatting.
  • The HTML Section allows you to embed content that’s hosted elsewhere (such as video or audio content).
  • The Calendar Section allows you to present a calendar with information pulled from another calendar host, such as Google or Apple.
  • The Leaders & Staff Section allows you show custom lists of your Leaders & Staff of your church!
  • The Sermon Section allows you to showcase a recent sermon, or collection of sermons from your SermonHub.

Then, you can choose the layout (which can be changed later) and title it (for admin organizational purposes).

If you already have a plan for your entire homepage, you can Save + Add Another to add multiple sections and then edit them later, or Save & Start Editing immediately.

Each section will have its own unique features and options to add content (like the Calendar Section vs. the Information Section).

At the top, you can change and adjust various options for just this section:

  • Changing the Layout will present your content in different ways (e.g. multiple columns vs. just one).
  • Adjusting the Text & Buttons will change the alignment, positioning, and behavior of each.
  • Changing the Colors will give you 4 options to choose from, each pulled from your Design color palette (accessed here).
  • Changing the Background allows you to control what’s presented in the background of your entire section.
  • Styling your Media allows you to put custom overlays over your images.
  • Adding Custom Code is an advanced option that allows you to add custom CSS to only this section.

Below these options, you can begin adding your content to the section. In the Information Section, you can add various forms of text, with a rich text editor in the body.

Depending on the layout selected, you may also be able to upload an image to showcase in your section. Simply drag & drop the image or click the + Add Image button to search your device.

Once an image is uploaded, you can set a focal point so no matter what size of screen your website is being presented on, that specific spot on the image will be in the center of the image container in your section.

To do this, click Edit Image and then Set Focal Point.

Then, move the white circle to where you want the focal point to be. Then click Save Focal Point.

Below this, you’ll see a section called Actions. Each section you create will allow you to add buttons which act as an action (or next step 😉) that people can take based on what they just read/saw in this section.

To add an action, click + Add An Action.

Then, choose the destination of the button (i.e. the Type), create a name for the button (i.e. the Call-To-Action text), and the style for the button. Then, click Add New Action.

Note: There are 4 button styles that can be used throughout your website. To adjust each style, click here to access those settings in your Design Panel.

Just like reordering multiple sections on a page (showcased previously), you can reorder multiple Actions by clicking on the two lines of an Action and dragging it up/down to your desired position.

To go back to editing/managing the rest of your sections, simply click Back to all or use the Previous/Next buttons to move up/down the list of sections created. (An alternative is to click on Build in the left sidebar.)

Continue with this process with all your sections until you have all the content you want presented on your page.

Page Privacy Controls & Additional Settings

Once you’ve built and edited your page, it’s time to make sure all the other various options are set up correctly.

In the left sidebar of the Create section, we’ll go through each item one by one.

Show Your Website’s Header & Footer

Clicking on Customize, you can toggle on/off the Header and Footer of your website to show on this particular page. This is helpful for when creating a landing page you want to feel like a standalone page separate from the rest of your website. But it’s likely you’ll want both the Header and Footer turned on for most of your pages.

Add SEO Information

Next in the left sidebar is SEO. Clicking on this, you can control what information search engines (like Google) showcase about this specific page on your website.

You can customize how the SEO title is displayed, what the SEO description is, and any keywords associated with it.

You can even upload a sharing image that showcases whenever your page is shared.

Or, you can select the option to make it hidden from search engines so they won’t index this specific page.

While you are more than welcome to add SEO information to each individual page you create (and it certainly doesn't hurt to do this), you do not need to. As long as you add SEO information in your Site Settings here, you will be covered for most cases on search engines.

Where adding in SEO information for individual pages is super important is for specific events or advertisements that keywords and meta descriptions would be helpful for indexing on search engines.

To find tips and instructions on how to create the best SEO information for your Site Settings, click here.

Customize Social Previews

If you’d like to adjust the image and description of how your page is displayed when shared specifically on social media, click Social Preview in the left sidebar.

By default, Nucleus will use whatever is listed in your SEO information (discussed above). To change this for social media, select Customize.

Below, you can add a title and description, and upload an image specifically for Facebook (Meta) and Twitter (X).

Edit Privacy Controls

If you recall, you were able to select a specific privacy level when initially creating your page. You can make changes to this by selecting Privacy Controls in the left sidebar and then selecting between making the page Public, Hidden, or Private.

While there is a description available for each privacy level, we explore extensively what each of these levels mean (along with how privacy controls work overall in Nucleus) in our guide to Understand Nucleus Web Privacy Options.

Add Custom CSS & Javascript Code

Lastly, if you want to add custom code that will affect the overall page you’re working on, you can easily add CSS and Javascript snippets of code.

Choose either CSS or Javascript, give the snippet a title for organizational purposes, and click Save & Start Editing.

Then, add your custom code and click Save Changes.

Depending on how much customization you want to do, you might gain quite a collection of snippets. You can arrange your snippets of code in the same way you can rearrange the sections of a page. Simply click and drag the two lines on a snippet to your desired spot in the list.

Clicking on the down arrow lets you quickly Duplicate, Rename, Edit, or Delete a snippet of code.

You can also toggle on/off code using the toggle switch.

Note: Adding any custom code can break your website. As such, it’s recommended that adding custom code is for advanced users. If you do break your website by adding code, simply disable or delete the code in question.

Change The Page’s Slug/Permalink

Moving away from the Create section of the Page Editor, select Settings in the top menu.

Here, you have a few other settings to consider for your page.

The first in the left sidebar is Page URL (Slug). Sometimes called the permalink, this is what shows in the address bar of your browser, appearing directly after your root domain. By default, Nucleus will generate a slug based on the name you give the page, but you are more than welcome to customize this as long as it doesn’t already belong to another page you’ve created.

All slugs cannot contain spaces. Instead, use hyphens to denote a space.

If you’re editing the slug for a page that’s already live on your website, we highly recommend ensuring that Nucleus automatically creates redirects for you so that any old links will redirect to the new URL created for the page.

Add & Manage Admins

Below this in the left sidebar, you can select Page Admins where you can invite, revoke, and manage admins for this specific page.

We have an entire guide showcasing the various details for inviting and managing admins (for both your Nucleus Web product as a whole, and for specific pages). Click here to read that.

Preview & Publish Your Changes

Anytime throughout the editing process, if you want to see how the changes you’re making will look like to someone actually visiting your website, simply click the Preview button. (Remember, changes are auto-saved, so as long as it’s been a few seconds since your last edit, all of your changes will showcase in the preview.)

Once you’re ready to set your changes live, click the Publish button.

Here, you can choose to make your changes live immediately (Yes! Publish Now). Or you can select Choose Date & Time to decide when you want your changes to be set live on your website and then click Save & Schedule.

You can also click to Add An Unpublish Date & Time for your changes to be unpublished. This is helpful especially for when posting information about an upcoming event and you want to ensure that information isn’t displayed for longer than intended.

Once you’re done editing your homepage, click the Exit button and then select Save & Close. This will take you back to the Pages Panel here.

Note: Nucleus Web operates with an auto-save feature, so you can make edits to all of your sections on your page before choosing to Exit and Saving or Discarding your changes.

Manage Your Pages & Add Pages To Lists

Once you’ve created one page, you have the skills to create all the pages that will make up your website! Simply go back to your Pages Panel here and repeat the process you just went through to create your first page. Feel free to use any of the templates we offer, or start from scratch.

After you create several pages, it will be good to know how to manage and organize them well. So let’s explore the Pages Panel.

In the left sidebar, you’ll notice a few different options:

  • All Pages showcases exactly what you would expect: every single page that you’ve created. Whether they’re published, in the works, or you just created it, all your pages will show up here. You can always find your homepage here.
  • Scheduled showcases any pages that are complete and are scheduled to be published at a future point in time. You can quickly note if there are any pages here by the notification number beside it. Once the page has been published, it will be removed from the Scheduled pages.
  • In Progress showcases any pages that are currently in the works. This is helpful to let you know that there are pages with unpublished changes so you don’t forget to finish off what you started. You can quickly note if there are any pages here by the notification number beside it.
  • Never Published is similar to In Progress except these are specifically new pages that have been created, but have never seen the light of day on your website. You can quickly note if there are any pages here by the notification number beside it.

No matter what section you’re looking at, you can search for a page name in the search bar.

You can also use the Date filter to select a specific date range of when pages were Created, Published, or Last Edited. (This is helpful if you can’t recall the name of a page, but can remember the last time you were working on it.)

Note: Make sure to reset your dates once you’re done using the Date filter. Otherwise, you might be wondering where all your other pages went: 😅

Clicking on the down arrow on a page, you can quickly edit, duplicate, publish, or archive the page. (You can also add a page to a list! More on that in a moment.)

To view any pages you’ve previously archived, make sure you’re viewing All Pages, and select View Archived.

Here, you can Delete or Unarchive your pages.

Going back to lists, this is a fantastic way to help organize your pages in specific ways you want them grouped and ordered. But before you can add a page to a list, you need to have a list created.

Selecting Manage Lists in the left sidebar, here you can create and manage all your lists.

To create a list, click + Create List. Give it a name and a short description, and then click Save & Add Now.

For instance, let’s say you have multiple pages dedicated to exploring each small group your church offers. You might want to create a list (called “Small Groups” where all your small group pages can be managed.

To add a page to a list, go back to All Pages. Click the down arrow on a page and select Add to list.

Now the list you just created should appear for you to select.

You can quickly see all the pages associated with a list in the left sidebar. As soon as you create a list, it will be added to the sidebar.

While viewing a list, you can reorder your pages by clicking the two lines on them, and dragging it up/down to your desired order.

Not only are lists useful for your own organization, but lists can be pulled into other areas of Nucleus Web.

For instance, if you add a Card Section to a page, you can create cards based on a list. These cards will automatically pull the names and descriptions of these pages, and link out to each individual page too! So you could have a page consolidating all your small groups into an easily accessible location, and people can click on a card for more information on a specific small group that they want to join.

What Next?

Once you have all your pages created, it’s time to help people navigate and find them all on your website. In other words, it’s time to create your navigation menu(s)!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.