Editing Your Website
Thank you for choosing Rugby Web Design Limited to design and build your Webflow-powered website.
Your website has been professionally crafted using Webflow, a powerful modern platform trusted by leading organisations worldwide. It allows you to update your website content yourself, quickly and safely, without requiring any technical knowledge.
You have been directed to this guide because either:
Do I really have to create a Webflow account?
If you'd prefer a guided walkthrough, I offer Zoom training sessions — just email hello@rugbywebdesign.co.uk to arrange one.
You will receive an email from Webflow inviting you to create your account.
Simply follow these steps:
Your login details are private and can be used whenever you wish to make updates.
Tip. If you do not share your PC, then you may prefer to stay logged in, thus reducing the steps to access your website each time.
Once complete, you will have full access to edit your website(s) content via the Webflow Dashboard. You can log in at: webflow.com/dashboard - I'd recommend bookmarking this URL, for ease of access.
Click on your website thumbnail to open it. You will then enter the Editor. This is where you can safely update your website content.
Your Webflow website has been carefully structured into two separate environments. This is intentional, and ensures the design remains protected, while giving you the freedom to manage and create your content with confidence.
This is the professional build environment I use to create and maintain your website’s structure, functionality, and visual design. This includes:
This area controls the technical foundation of your website and is intentionally restricted. It is more complex and not required for day-to-day content editing, ensuring your website remains protected, consistent, and functioning correctly.
You have been given secure Content Editor access. This is a 'lite' version of Webflow and allows you to safely manage and update your website content, including:
The Content Editor is specifically designed to prevent changes that could affect the layout or structure of the website.
This means you cannot accidentally break the design. You have full control over your content, while the underlying structure remains protected. This provides the ideal balance between flexibility, ease of use and long-term reliability.
The Content Editor allows you to make changes directly on the page, while viewing the website exactly as your visitors see it.
You can:
The editing tools are simple and appear only when needed. Importantly, you are not changing the design or structure. You are only updating the content. This ensures the website remains visually consistent and technically sound.
On the left of the screen:
Hover over the content you want to change. The area will be highlighted with a faint blue box and a small pen icon (circled).
Click in the highlighted area and then you can start typing your changes.
⚠️ Important: Do not delete all text before rewriting. This may remove the entire text element, and you cannot get it back. (You'll need to contact me if this happens).
Hover over the image you want to change. The area will be highlighted with a faint box and a small image icon (circled).
To keep your website fast, please prepare images before uploading.
Never upload large, full-resolution images straight from a camera or phone. Not only are they far bigger than they need to be, but phones store image rotation separately, which does not always transfer to the web. This means a photo may appear sideways on your website.
Instead:
Most of your page content will have been built using Rich Text, which works much like a Word doc. This element is incredibly versatile, you can:
Rich Text is ideal for blog posts, articles, and detailed pages.
⚠️ SEO Note: Please don’t use heading tags (H2, H3, H4) purely for styling. Incorrect heading structures can confuse search engines and negatively affect your rankings.
Some parts of your website are shared across multiple pages. In Webflow, these are called Components. These are typically used for areas such as:
Because these are shared, any changes you make will automatically update everywhere that Component is used.
This is very helpful, as it means you only need to edit the content once, rather than repeating the same change on every page.
When you are editing a Component, Webflow will display a message on screen to let you know.
Please take extra care when editing Components, as your changes will affect the entire website, not just the page you are currently viewing.
Some areas of your website, such as blogs, news, team members, or products, are managed using dynamic CMS Collections. Not all websites include these features, so this section may not apply to your specific site.
A CMS Collection stores your content in a central database and dynamically displays it within your website. This ensures every item remains visually consistent, while allowing you to easily add, edit, or remove dynamic content whenever needed.
From the CMS area, you can:
This system keeps your website organised, consistent, and easy to maintain.
Each CMS Collection has been carefully structured to suit your website's needs. In effect, creating new blogs, team members etc is a form-filling exercise.
Blog Example:
Some fields will be mandatory, others may be optional and you can leave blank.
Grab a coffee and let Webflow's Grímur guide you through the editor.
On the right of the screen, you will see the Publish Button. Nothing goes live until the Publish button is clicked.
⚠️ If multiple editors are working on the site, agree in advance who is editing and when - this avoids accidental publishing of unfinished changes.
Once you create or edit a CMS item, such as a blog post or team profile, it can exist in several different states:
CMS content can be published, scheduled, or removed individually.
This means you can:
All without affecting the rest of the website. This makes it quick and easy to keep your website up to date, even while other changes may be in progress.
As part of Webflow’s new system, a powerful new role has been introduced called Marketer. Think of this as a Super-Editor!
While the standard Editor role allows you to update existing content, the Marketer role provides much greater flexibility. It allows you to build entirely new pages, using a library of pre-built page sections and pre-built page templates.
These sections will be available in your asset library whenever you need them. To build a new page, the Marketer simply choose the page template, and drags the required sections onto the page. Then replaces the placeholder text and images with the desired content.
Because these sections have been pre-planned, designed and built in advance, any pages created will automatically match your website.
This makes it possible to quickly create pages such as:
All without needing your web designer or any technical knowledge.
Importantly, the Marketer role still includes built-in safeguards. You can build and publish new pages, edit content, manage images, update SEO settings, and work with CMS content, but the underlying design system, styling, and technical structure remain protected.
Most clients are perfectly served by the standard Editor role, which provides everything needed to keep their website content up to date.
However, if you would like the ability to create entirely new pages yourself, the Marketer role offers a safe and powerful way to do this, using the professionally designed assets already built into your website.
If this is something you would like to explore, please contact me and I will be happy to discuss whether the Marketer role is suitable for your needs, along with the associated setup and ongoing costs.
Webflow automatically creates backups at regular intervals. If anything goes wrong, your site can be restored to a previous version — so you can edit with confidence, knowing nothing is ever permanently lost.
Remember, I’m always happy to provide online training to help you manage your website with confidence. If you would like to schedule a Zoom Training session, please email hello@rugbywebdesign.co.uk
