Last Updated on June 9, 2026

There are a lot of different CMS’ and they have different ways of editing pages. Use this as a starting place on how to edit a page in these CMS’.

Shopify

Shopify’s structure is kind of weird. Here’s the short version:

Templates are a group of sections configured to give your online store a consistent design and feel. When you edit a template, your changes apply to every page that uses that template. In Shopify, we create templates for all pages and assign them to specific pages. So the template is often what’s actually driving what a page looks like, not the page itself.

If you edit a default template, those changes ripple across every page using that template. But if you create a custom page template, you’re crafting something that can be assigned to specific pages without disturbing others.

Before editing anything, check whether you’re editing a shared template (which will affect multiple pages) or an individual page’s content. If you need a page to look different from others of the same type, you’ll need to create a new template and assign it to that page first.

  1. Log in to your Shopify admin and go to Online Store > Themes
  2. Find your active theme and click Customize
  3. Use the page selector dropdown at the top center to navigate to the page you want to edit
  4. Add, remove, and reorder sections to structure your page. Within sections, use blocks as individual content pieces like text, images, buttons, or product titles.
  5. Click any section or block to edit its content in the panel on the left
  6. Use the device icons in the top toolbar to preview desktop and mobile views
  7. Click Save when finished to publish the theme

To edit a standalone page (like About or FAQ):

  1. Go to Online Store > Pages and click the page you want to edit
  2. Edit text directly in the content field using the rich text editor
  3. To edit the HTML code for the page, click the button to view the HTML and make changes directly. This is useful for embedding media, custom formatting, or adding code that the basic editor doesn’t support

HTML tip: If you need to write or edit HTML but aren’t sure where to start, paste the existing HTML into Claude (or another AI) and describe what you want to change in plain English. AI is very good at reading and editing HTML, so you don’t need to know how to write it from scratch. Just ask for what you want, copy the result back in, and preview it before saving.

  1. You can also use Shopify Magic to automatically generate a title and content for your page — it’s available in all languages supported by Shopify.
  2. Click Save

Helpful Resources

WordPress

We have lots of trainings on how to use WordPress.

 

Here is the training on how to edit pages.

 

For additional WordPress trainings, go here.

Webflow

Webflow has some great trainings already out there. If you need more indepth help, take a look at our webflow page and their training path.

  1. Log in to your Webflow account and select your project from the dashboard
  2. Select the page you want to edit from the Pages panel on the left
  3. Double-click any text element to edit it directly
  4. Click an image element and use the settings panel on the right to upload a replacement image
  5. Use the drag-and-drop interface to rearrange elements on the page
  6. Use the device toggle in the top toolbar to preview desktop, tablet, and mobile views
  7. Webflow autosaves as you work, but changes are not visible to visitors until you click Publish

Note: Webflow has two editing modes. The Designer is for structural and layout changes. The Editor is a simpler mode for updating text and images without touching the layout, which is better for clients or non-technical teammates.

Wix

  1. Log in to the Wix site
  2. Click “Edit Site”
  3. Click Menus & Pages from the left sidebar
  4. Select the page you want to edit
  5. Click on any text element to edit it directly
  6. Use the formatting toolbar that appears to adjust fonts, sizes, and colors as needed
  7. Drag and drop elements to rearrange the page
  8. Click the + (Add) button on the left sidebar to add new elements such as text, images, videos, or buttons, then drag and drop them onto the page
  9. Click the Preview button in the top right corner of the editor to see how the page looks (don’t forget to check mobile too)
  10. Click Save in the top right to save your changes without publishing them live
  11. Click Publish

SquareSpace

  1. Go to squarespace.com and log in
  2. Click on “Pages” on the left
  3. Find the page you want to edit and click on it. Click Edit button at the top of the screen
  4. To edit text, click on the text block you want to change and type your updates directly inside the editor. Use the formatting toolbar to adjust font size, color, and alignment
  5. To update an image, click on the image block to open its settings
  6. To rearrange content, drag and drop blocks to your desired location on the page. Squarespace aligns elements to an invisible grid to help maintain a consistent look
  7. To add a new section, hover between two existing sections and click the + button, then choose a content block type such as text, images, a gallery, or a call-to-action button
  8. Use the device icons in the top toolbar to preview desktop, tablet, and mobile views
  9. Click “Preview” button to see how your changes will look live on your site without actually publishing them
  10. Click Save to push them live