How to Edit Your Website: A Beginner’s Guide to WordPress & BeaverBuilder

WordPress is the software that runs your website behind the scenes. Think of it like the engine under the hood of a car — you don’t need to know how the engine works to drive, but it’s good to know it’s there and what it does.

What Is a CMS?

WordPress is a Content Management System, or CMS. A CMS is software that lets you create, edit, and manage website content without writing code. Before tools like WordPress existed, updating a website meant hiring a developer to manually edit files. Now, anyone can do it through a simple web interface.

WordPress is by far the most popular CMS in the world — it powers about 40% of all websites on the internet, including yours.

The Two Sides of Your Website

Your website has two sides that are worth understanding:

• The frontend is what visitors see when they go to your website URL. It’s the public-facing part of your site.
• The backend (also called the admin area or dashboard) is where you log in and make changes. You reach it by adding /wp-admin to the end of your website address.

You Don’t Need to Know How to Code

WordPress was designed for non-developers. Everything you’ll do in this course — editing text, swapping images, updating links — happens through point-and-click tools. No coding required.

What you do need is a login to your WordPress dashboard, a little patience, and this course. You’ve already got all three.

📝 Note: This course covers editing content only. Things like changing your site’s design, installing plugins, or adjusting settings are admin tasks and are not covered here.

Your website isn’t just one thing — it’s several layers working together. Understanding how those layers relate to each other will help you know where you fit in as a content editor.

The Layers of Your Website

1. WordPress (the foundation)

WordPress manages all of your content — every page, image, and post — and stores it in a database. It’s the engine that runs everything.

2. Your Theme (the design layer)

The theme controls the overall look of your site: fonts, colors, the header at the top, the footer at the bottom. Think of it as a template that all your pages live inside. Editors don’t change the theme.

3. BeaverBuilder (the page builder)

BeaverBuilder is a plugin that lets you build and edit page layouts visually — dragging and dropping content blocks without touching any code. Most pages on your site were built using BeaverBuilder. This is where you’ll spend most of your time as an editor.

4. Your Content (what editors work with)

This is the text, images, buttons, and links inside each page. This is your territory as a content editor.

What Are Plugins?

Plugins are add-ons that give WordPress extra features. Your site likely uses plugins for things like contact forms, security, SEO, and social media feeds. You don’t need to manage plugins — that’s an admin task. If a plugin isn’t working, contact your web admin.

The Important Distinction

As an editor, you work with the content layer — the words and images inside pages. You don’t touch the theme, plugin settings, or anything that affects the page’s structure. Your job is to update what’s inside the page, not change how the page is built.

💡 Tip: If you’re ever unsure whether something is safe to change, the rule is simple: if it’s text or an image inside an existing module, you’re probably fine. If it’s a layout setting, color, or anything structural, stop and contact your web admin.

One of the most important things for a content editor to understand is where their boundaries are. Changing the wrong thing — even accidentally — can break a page’s layout or affect the entire site. This guide gives you a clear line between what’s yours to edit and what belongs to your web admin.

Safe to Edit (Editors)

• Text inside BeaverBuilder modules — headlines, body copy, captions
• Images inside existing image modules — swap the photo, update the alt text
• Button labels and button URLs — change where a button links or what it says
• Links inside text blocks — update href destinations
• Media Library uploads — add new images or documents
• Page titles — with care, and only if your admin confirms it won’t affect the menu

Not Safe — Admin Only

• Row and column settings — background colors, padding, column widths
• Global templates and Saved Rows — editing these changes on every page they appear on
• Navigation menus — adding or removing pages from the top nav
• Theme Customizer settings — fonts, brand colors, header/footer layout
• Plugin settings — form configurations, SEO settings, security
• ACF custom fields — those special data fields outside BeaverBuilder
• CSS classes — any field labeled “CSS Class” in the BeaverBuilder module settings
• User accounts — creating, editing, or deleting users
• Any code — PHP, HTML, CSS, or JavaScript

When in Doubt, Don’t

If you’re looking at a setting and you’re not sure what it does, the safest move is to close the panel without saving and contact your web admin. It’s always better to ask than to guess.

⚠️ Warning: Even small changes to layout settings can affect multiple pages at once — especially if the element is part of a global template. If something doesn’t look right after an edit, use Discard immediately rather than saving.

WordPress organizes content into two main types: Pages and Posts. They look similar in the admin, but they serve very different purposes. Knowing which is which will save you from editing the wrong thing.

Pages — Static Content

Pages are the permanent, fixed parts of your website. They don’t have a publish date and they’re not organized by category. They just exist at a consistent URL.

Examples of pages on a league website:

• Home
• About Us
• Schedule
• Coaches
• Registration
• Contact

Pages are typically built with BeaverBuilder and have custom layouts. This is what you’ll be editing in this course.

Posts — Dynamic Content

Posts are dated pieces of content that appear in reverse chronological order (newest first). They’re organized by categories and tags, and they’re usually displayed in a blog or news feed.

Examples of posts on a league website:

• Season announcements
• Game recaps
• Registration reminders
• News updates

Posts use the standard WordPress block editor (not BeaverBuilder), and they’re typically managed by administrators or communications staff — not general content editors.

The Key Difference at a Glance

Pages: Permanent, no date, built with BeaverBuilder, edited by you.
Posts: Dated, categorized, use the block editor, managed by admins.

In This Course, You’re Editing Pages

Everything in this course focuses on editing Pages using BeaverBuilder. Posts are a separate workflow and are not covered here. If you need to create or edit a news post, check with your web admin.

💡 Tip: Not sure if something is a page or a post? Go to Pages > All Pages in your dashboard. If you can find it there, it’s a page. If it’s not there, it might be a post — check Posts > All Posts.

Before you can edit a page, you need to find it. WordPress gives you a few ways to do that, and this guide walks you through each one.

Method 1: Pages > All Pages

1. Log in to your WordPress dashboard at yourdomain.com/wp-admin.
2. In the left sidebar, click Pages.
3. Click All Pages.
4. You’ll see a list of every page on the site.
5. Hover over the page title to reveal action links: Edit, Quick Edit, Trash, and View.
6. Click Edit to open the page in BeaverBuilder (for BeaverBuilder-built pages) or the WordPress editor.

Method 2: Search for a Page by Name

1. Go to Pages > All Pages.
2. Use the Search Pages box in the top right corner.
3. Type part of the page name and press Enter.
4. The list will filter to matching results.

Method 3: Filter by Status

At the top of the All Pages screen, you’ll see tabs: All, Published, Drafts, Trash. Click any tab to filter the list to pages with that status.

Method 4: From the Frontend (Quickest)

1. Visit the live page on the frontend of your website.
2. If you’re logged in, you’ll see a black admin bar at the top of every page.
3. Click Edit Page or Edit with Beaver Builder in the admin bar.
4. This drops you directly into the editor for that page.

💡 Tip: The frontend method (Method 4) is usually the fastest. Browse to the page you want to edit, then click Edit with Beaver Builder from the top bar — no searching required.

Every page in WordPress has a status that controls whether it’s visible to the public. Understanding these statuses is important — especially because clicking the wrong button can make an unfinished page go live.

Published

A Published page is live and visible to anyone who visits your website. When you edit a Published page and click Update, your changes go live immediately.

Always use the Preview button before clicking Update on a live page. Once it’s live, visitors can see it.

Draft

A Draft is saved in WordPress but not visible to the public. It’s your safe workspace. You can edit a Draft as many times as you want without affecting the live site.

If a page is currently Published and you change its status to Draft, it will be hidden from visitors until you Publish it again. Use this carefully.

Scheduled

A Scheduled page is set to go live automatically at a future date and time. This is useful for time-sensitive content like season announcements.

Editors generally should not use Scheduled without checking with their web admin first, since scheduled publishing can be easy to forget and may catch people off guard.

What Happens When You Click Each Button

• Publish (on a new draft): Makes the page live for the first time.
• Update (on a published page): Saves changes and makes them live immediately.
• Save Draft: Saves your work without making anything visible to the public.
• Preview: Opens a preview in a new tab so you can see your changes before committing.

⚠️ Warning: There is no Undo after you click Update on a live page. Always Preview first. If you do publish something accidentally, go to the page’s revision history to restore a previous version.

Preview is one of the most important tools in your editing workflow. It lets you see exactly what your changes will look like to a visitor — without making anything live. Get in the habit of always previewing before you publish.

How to Preview from Inside BeaverBuilder

1. While editing a page in BeaverBuilder, look for the Done button in the top right corner.
2. Click the small arrow (▼) next to the Done button to open a dropdown.
3. Click Preview.
4. A new browser tab opens showing a frontend preview of the page with your current changes.
5. Check the page carefully — text, images, spacing, and links.
6. Close the preview tab when you’re done and return to BeaverBuilder.
7. Click Done > Publish if everything looks good, or continue editing.

How to Preview from the WordPress Editor

1. From the Pages list, hover over a page and click Edit (not “Edit with Beaver Builder”).
2. In the top-right Publish panel, click Preview Changes.
3. A new tab opens with a preview.

Check Mobile Too

Many of your visitors are on phones. After previewing on desktop, resize your browser window to a narrow width to simulate a mobile view — or right-click the preview page and choose Inspect to access your browser’s device simulator.

Important: Preview Doesn’t Make Changes Live

Preview is completely safe. No matter how many times you preview, nothing goes live until you click Publish or Update. If the preview looks wrong, just close the tab and keep editing.

💡 Tip: If your preview doesn’t look right — for example, you’re still seeing the old version — try clearing your browser cache or opening the preview in an incognito/private window.

Your website is more than a collection of pages — it has a structure that connects everything together. Understanding how that structure works will help you know what you can change and what to leave alone.

Navigation Menus

The links in the top navigation bar of your site (and any footer menus) are controlled by Appearance > Menus in the WordPress dashboard. This is an admin-only area.

Two important things to know about menus:

• Adding a page to WordPress does NOT automatically add it to the menu. A new page is invisible to visitors until it’s manually added to a menu.
• Editors should not change menus. Moving or removing menu items affects every visitor’s ability to navigate the site.

Page Templates

A page template controls the overall wrapper around your content — things like which header style is used, whether there’s a sidebar, and how the footer looks. BeaverBuilder controls only the content area inside that template.

Editors cannot change which template a page uses. If you think a page needs a different template, contact your web admin.

Parent and Child Pages

WordPress pages can be organized in a hierarchy. A parent page is like a folder, and child pages are the pages inside it. This affects the URL:

• Parent page: /coaches/
• Child page: /coaches/head-coach/

Editors should not change the parent assignment of any page. Changing the parent changes the URL, which can break links and menus.

The Bottom Line

Your role as an editor is to manage the content inside pages — not the structure around them. Menus, templates, and page hierarchy are admin territory. When in doubt, ask before you change anything structural.

BeaverBuilder is the page editing tool you’ll use on almost every page of your website. Before you open it for the first time, it helps to understand what it is and how it works.

What BeaverBuilder Does

BeaverBuilder is a visual page builder — a tool that lets you edit page content by clicking directly on the elements you want to change, right where they appear on the page. What you see while editing is exactly what visitors will see (this is called WYSIWYG — “What You See Is What You Get”).

It’s a plugin that runs on top of WordPress and replaces the default text editor for pages on this site.

How It Differs from the WordPress Block Editor

WordPress has its own built-in editor called the Block Editor (or Gutenberg). Your site uses BeaverBuilder instead for pages, because BeaverBuilder gives more visual control over complex layouts. When you see “Edit with Beaver Builder” on a page, click that — not “Edit” — to open the visual editor.

The BeaverBuilder Interface

When you open a page in BeaverBuilder, the toolbar across the top changes to show BeaverBuilder’s controls:

• Add Content (+ icon): Opens a panel to add new modules — but as an editor, you generally won’t be adding new modules.
• Templates: Pre-built page layouts — admin territory, don’t touch.
• History (clock icon): Shows a list of your recent changes, like an undo history.
• Done button: Gives you options to Publish, Save Draft, or Discard your changes.

On the page itself, hovering over any content block reveals a blue outline with editing icons. The pencil icon opens that element’s settings panel so you can edit it.

BeaverBuilder Edits Pages, Not Posts

BeaverBuilder is only used for Pages. Posts (news, blog articles) use the standard WordPress block editor and have a different workflow. This course covers Pages only.

📝 Note: You might see BeaverBuilder referred to as “BB” or “Beaver” in everyday conversation. It’s all the same tool.

Updating text is the most common editing task you’ll do in BeaverBuilder. Whether it’s a headline, a paragraph, or a caption, the process is the same.

How to Edit a Text or Heading Module

1. Open the page in BeaverBuilder (go to the live page and click Edit with Beaver Builder in the top admin bar).
2. Hover over the text block you want to edit. A blue outline appears around the module.
3. Click the pencil icon (✎) that appears on the module. The settings panel opens on the left side of the screen.
4. Click into the text editor area in the panel and make your changes.
5. When finished, click Save at the bottom of the settings panel.
6. Repeat for any other text areas you need to update.
7. When all your edits are done, click Done > Publish to make changes live, or Done > Save Draft to save without publishing.

Things to Change vs. Things to Leave Alone

Safe to change:

• The actual words — edit freely
• Punctuation and spelling
• Adding or removing bullet points within an existing list

Leave these alone:

• Font size, font family, or line height — these are set by the design
• Text color — changing this can break the design
• Heading level (H1, H2, H3) — these affect page structure and SEO
• CSS classes on the module

Pasting Text from Word or Google Docs

If you paste text directly from Microsoft Word or Google Docs, hidden formatting can come along with it — different fonts, sizes, or spacing that clash with the site’s design.

To avoid this, paste using Ctrl+Shift+V (Windows) or Cmd+Shift+V (Mac) to paste as plain text. Alternatively, use the “Paste as Text” button (the clipboard icon with a “T”) in the BeaverBuilder text editor toolbar.

💡 Tip: Module-level Save and page-level Publish are two separate steps. Clicking Save inside the settings panel only saves that one module temporarily. You still need to click Done > Publish (or Done > Save Draft) to save the whole page.

Replacing an image on a page is one of the most common updates you’ll make. This guide walks you through how to swap an image inside an existing BeaverBuilder image module.

⚠️ Before You Start: Make sure your replacement image has been optimized and compressed before uploading. Uploading a large unoptimized photo will slow down the page. See How to Optimize an Image Before Uploading for instructions.

Steps to Replace an Image

1. Open the page in BeaverBuilder.
2. Hover over the image you want to replace. A blue outline appears around the image module.
3. Click the pencil icon (✎) on the image module. The settings panel opens on the left.
4. In the settings panel, click the current image thumbnail — or click the ✕ (remove) icon to clear it.
5. The Media Library opens. You can either:
   — Select an image that’s already uploaded, or
   — Click Upload Files to upload a new one from your computer.
6. Select your image and click Select.
7. Update the Alt Text field. Type a short description of what the image shows (e.g., “Youth soccer players celebrating a goal”). This is required for accessibility and SEO.
8. Click Save at the bottom of the settings panel.
9. Preview the page to confirm the image looks correct.
10. Click Done > Publish when satisfied.

What Is Alt Text and Why It Matters

Alt text (alternative text) is a written description of an image. It serves two purposes:

• Accessibility: Screen readers used by visitors with visual impairments read the alt text aloud instead of showing the image.
• SEO: Search engines like Google read alt text to understand what an image is about, which helps with search rankings.

Good alt text is specific: instead of “photo” or “image1.jpg”, write something like “Coach Maria demonstrating a passing drill at practice.”

⚠️ Warning: Do not drag image modules to new locations on the page. Only use the pencil icon to swap the image inside the existing module. Moving modules changes the layout.

BeaverBuilder gives you three options when you’re done editing. Knowing the difference between them — and when to use each — will save you from publishing too early or losing your work.

The Done Button

When you’re ready to finish your editing session, click the Done button in the top right corner of BeaverBuilder. A dropdown appears with three choices:

Publish

What it does: Saves all your changes and makes them live on the website immediately.

When to use it: When your edits are complete, reviewed, and ready for visitors to see. Always Preview first.

Important: If the page was already published (live), clicking Publish here updates the live version right away.

Save Draft

What it does: Saves your work without making anything live. The existing published version (if there is one) stays exactly as it was.

When to use it: When you need to stop mid-edit and come back later, or when you want someone else to review your work before it goes live.

Discard

What it does: Throws away all unsaved changes from the current editing session and returns the page to its last saved state.

When to use it: When you’ve made a mistake and want to start over, or when you opened a page by accident and didn’t change anything intentional.

⚠️ Warning: Discard cannot be undone. Once you confirm it, everything from your current session is gone. Only use it when you’re sure you want to throw away your changes.

Module Save vs. Page Save — What’s the Difference?

When you’re inside a module’s settings panel, there’s a Save button at the bottom. This saves the module temporarily within your editing session — it does not save or publish the page.

To save the whole page, you always need to click Done and choose Publish or Save Draft.

Recommended Workflow

1. Make your edits.
2. Click Done > Save Draft.
3. Click the Preview button to review.
4. If everything looks good, go back into BeaverBuilder and click Done > Publish.

BeaverBuilder gives you access to a lot of settings — more than you’ll ever need as a content editor. Many of those settings control the design and layout of the page, not just the content. Changing them can break things in ways that are hard to fix. Here’s what to leave alone.

Row Settings

When you hover over a wide horizontal section of the page, you’ll see a row toolbar. Do not click into row settings. These control:

• Background colors and background images for entire sections
• Padding and spacing around sections
• Row width and full-width vs. boxed layout
• Responsive visibility (whether a row shows on mobile)

Column Settings

Inside rows, content is organized in columns. Column widths, padding, and alignment are part of the designed layout. Do not adjust them.

Global Templates and Saved Rows

Some rows and modules are marked as Saved or use a Global Template. These elements appear on multiple pages across the site. Editing a global element changes it everywhere it appears at once.

If you see a yellow star or a “Global” indicator on a row or module, contact your web admin before touching it.

Module Style Settings

Inside any module’s settings panel, there are tabs beyond “General” — typically Style and Advanced. These control typography, colors, spacing, and CSS. Leave these tabs alone.

CSS Classes

If you open a module and see a field labeled CSS Class or CSS ID, do not change it. These are tied to custom styling and functionality. Removing or changing them can break the visual design or JavaScript features on that element.

Drag and Drop

BeaverBuilder allows you to drag modules and rows to new positions. Do not do this. Moving content changes the layout of the page. Only use the pencil icon to edit content within its existing location.

💡 Tip: A good rule: only use the pencil icon (edit) on modules. If you’re clicking anything else on a module or row — the move handle, the duplicate icon, the delete icon — stop and think about whether that’s really what you want to do.

Not all images are created equal when it comes to websites. The format, dimensions, and file size of an image all affect how your site looks and how fast it loads. Here’s what you need to know before you upload anything.

File Formats

• JPG (or JPEG): Best for photographs and images with lots of colors and gradients. Good compression, smaller file size. Use this for team photos, action shots, and banners.
• PNG: Best for logos, icons, and images that need a transparent background. Larger file size than JPG. Use this for sponsor logos and graphics.
• WebP: A modern format that’s smaller than JPG at the same quality. If your image editing tool supports it, WebP is a great choice.
• Avoid: BMP, TIFF, HEIC, and RAW files — these are too large for web use and may not display in all browsers.

Dimensions

The dimensions (width and height in pixels) should match the space the image will occupy on the page — never larger.

• Hero/banner images: 1920px wide maximum
• Staff or team photos: 400–600px wide
• General page content images: 800–1200px wide
• Thumbnails: 400px wide or smaller

Uploading a 4000px-wide photo to fill a 400px space wastes bandwidth and slows down the page for everyone.

File Size

Aim for images under 200KB for most images, and under 500KB for large hero banners. Large image files are one of the most common causes of slow websites.

If your image is over 500KB before uploading, compress it first. See How to Optimize an Image Before Uploading for free tools that make this easy.

Alt Text (Required)

Every image needs alt text — a short written description of what the image shows. Alt text is used by:

• Screen readers, which read it aloud for visitors with visual impairments
• Search engines, which use it to understand and index your images
• Browsers, which display it if the image fails to load

Good alt text is specific and descriptive. Instead of “photo”, write “Girls soccer team celebrating a championship win on the field.”

📝 Note: Photos taken on a smartphone can be 3–6MB in size. Always compress and resize before uploading to WordPress. Uploading phone photos directly is one of the most common mistakes that slows sites down.

Once you’ve optimized and uploaded your image to the Media Library, the next step is getting it onto the page. This guide covers how to replace an existing image in BeaverBuilder.

📝 Before You Start: Your image should already be optimized (compressed and resized) and uploaded to the Media Library. See How to Optimize an Image Before Uploading and Using the Media Library for those steps.

Replacing an Image in BeaverBuilder

1. Open the page in BeaverBuilder.
2. Hover over the image you want to replace. A blue module outline appears.
3. Click the pencil icon (✎) on the image module.
4. In the settings panel on the left, click the current image thumbnail.
5. The Media Library opens. Click Upload Files to upload a new image, or click on an existing image in the library to select it.
6. Click Select (bottom right of the Media Library).
7. Back in the settings panel, update the Alt Text to describe the new image accurately.
8. Click Save at the bottom of the settings panel.
9. Click Done > Preview to check how the image looks on desktop and mobile.
10. If everything looks correct, click Done > Publish.

Adding an Image Inside a Text Block

If you need to insert an image within a paragraph of text (not into a dedicated image module):

1. Open the text module by clicking its pencil icon.
2. Place your cursor in the text where you want the image to appear.
3. Click the Insert Image button in the text editor toolbar (it looks like a small mountain/landscape icon).
4. Select your image from the Media Library.
5. Choose your alignment and click Insert into post.
6. Save the module and Publish the page.

⚠️ Warning: Do not drag a new Image Module from the content panel onto the page. This changes the page layout, which is an admin task. Only swap images inside existing modules.

This one habit will save you from more mistakes than almost anything else in this course: always preview your changes before you publish them.

Why It Matters

When you click Publish or Update on a live page, your changes are visible to every visitor on the site within seconds. There’s no delay, no approval step — it’s just live. A quick preview takes less than a minute and can catch a typo, a broken image, or a layout issue before it becomes a problem.

How to Preview

From inside BeaverBuilder: click the Done dropdown and choose Preview. A new tab opens showing the page exactly as it will look when published.

From the WordPress editor: click the Preview Changes button in the Publish panel.

What to Check in Preview

• Read the text you changed — look for typos, missing words, or awkward phrasing
• Confirm images are the right size and displaying correctly
• Click any links you added or changed — make sure they go to the right place
• Resize your browser window narrower to simulate a mobile screen
• Look for anything that appears broken or out of place

Make It a Personal Rule

Before you click Publish: preview. Every time. No exceptions. Even if it’s a tiny change — a single word — take the 30 seconds to preview it. The habit pays off the one time it catches a mistake before it goes live.

💡 Tip: Send the preview link to a teammate for a second set of eyes on significant changes. Copy the URL from the preview tab and paste it into a message — anyone who’s logged in to WordPress can view a draft preview.

Made a mistake? Don’t panic. BeaverBuilder and WordPress both give you ways to undo changes — here’s how to use each one.

Option 1: BeaverBuilder Session History (Best for Mid-Edit Mistakes)

1. While editing in BeaverBuilder, look for the History icon in the top toolbar — it looks like a clock.
2. Click it to open the history panel on the left.
3. You’ll see a list of recent actions in your current editing session.
4. Click any earlier state to revert to it.

Limitation: Session history only covers the current editing session. Once you Publish, Save Draft, or close BeaverBuilder, the history resets.

Option 2: Discard (Undo the Whole Session)

1. Click the Done button in the top right.
2. Click Discard.
3. Confirm — this removes all changes made since you opened BeaverBuilder.

⚠️ Warning: Discard cannot be undone. All changes from your current session will be permanently lost. Use this only if you want to start completely over.

Option 3: WordPress Revisions (For Published Pages)

WordPress automatically saves previous versions of every page. If you published a change and then realized it was wrong, you can restore an earlier version:

1. In the dashboard, go to Pages > All Pages.
2. Hover over the page name and click Edit (not “Edit with Beaver Builder”).
3. In the right column, look for Revisions. Click Browse.
4. Use the slider at the top of the revision screen to move between saved versions.
5. When you find the version you want, click Restore This Revision.

WordPress saves revisions automatically every time you Publish or Update, so you typically have a good history to fall back on.

When to Contact Your Web Admin

If you can’t find the version you need in revisions, or if a layout element is broken rather than just content, contact your web admin. Some changes require more than a simple revision restore.

Part of being a good content editor is knowing when something is outside your scope and when to ask for help. Here’s a straightforward list of situations where you should contact your web admin instead of trying to solve it yourself.

Always Contact Your Web Admin When You Need To:

• Add a new page to the site
• Remove a page from the site
• Add, move, or remove a link from the navigation menu
• Change the page template or overall layout of a page
• Install, update, or deactivate a plugin
• Change fonts, brand colors, or any site-wide design setting
• Fix a form that isn’t submitting correctly
• Create, edit, or delete a user account
• Respond to a WordPress update notification
• Recover something you accidentally deleted and can’t find in Trash
• Edit ACF custom fields (those special fields outside BeaverBuilder)
• Touch any code — PHP, CSS, JavaScript, or HTML

Also Contact Your Admin When:

• Something on the site looks broken and you didn’t change it
• A page is displaying strangely on mobile but looked fine on desktop
• You see an error message you don’t recognize
• You’re unsure whether a change is safe to make

How to Write a Helpful Support Request

When you reach out, your web admin will be able to help you faster if you include:

• The URL of the page that has the issue
• A screenshot of what you’re seeing
• What you were trying to do
• What happened instead
• Whether the issue appears on desktop, mobile, or both

💡 Tip: When in doubt, reach out. No question is too small. It’s always faster to ask first than to fix a problem after the fact.

Congratulations — you’ve completed How to Edit Your Website! Here’s a summary of what you’ve learned, plus a quick-reference card you can bookmark or print for your day-to-day editing work.

What You’ve Learned

• Module 1 — WordPress Basics: What WordPress is, how your site is structured, how to log in, navigate the dashboard, and understand what’s safe to edit.
• Module 2 — Finding Your Pages: The difference between pages and posts, how to navigate to any page, understand page statuses (Draft, Published, Scheduled), preview changes, and understand site structure.
• Module 3 — BeaverBuilder Editing: What BeaverBuilder is, how to open pages, understand rows/columns/modules, edit text, swap images, update buttons and links, and save or discard your work safely.
• Module 4 — Images: What makes a good web image, how to optimize before uploading, how to use the Media Library, and how to insert or replace images on a page.
• Module 5 — Staying Safe: Why previewing before publishing matters, how to undo changes, what to do when something looks broken, when to contact your web admin.

Quick Reference — Common Tasks

• Log in: Go to yourdomain.com/wp-admin
• Find a page: Pages > All Pages > search by name
• Open BeaverBuilder: Visit the live page > click “Edit with Beaver Builder” in the top admin bar
• Edit text: Hover module > pencil icon > edit in panel > Save
• Swap an image: Hover image module > pencil icon > click thumbnail > select from Media Library > update alt text > Save
• Preview: Done dropdown > Preview
• Publish: Done > Publish
• Save without publishing: Done > Save Draft
• Discard session changes: Done > Discard
• Undo a published change: Pages > Edit (not BB) > Revisions > Browse

What NOT to Touch

• Row or column layout settings
• Global templates and Saved Rows
• Navigation menus (Appearance > Menus)
• Theme Customizer settings
• CSS classes on any module
• Plugin settings
• User accounts
• Any code

💡 Tip: Bookmark this page for quick reference during your day-to-day editing. And remember: if you’re ever unsure whether something is safe to change, ask your web admin. They’re here to help.