SoNET Web Engine, user support.

How-To Customize Your Website. Videos and articles.

Help Center Pages & Editing

Ready-made sections and elements, HTML view and find & replace

The section editor's side panel holds ready-made content you can drop into your page with one click. The toolbar also has an HTML view for advanced changes and a Find and replace tool.

Watch it done: a short silent video with captions · 1:20. The steps below show the same thing picture by picture.

Before you start

  • Log in, open the page, click Customize This Page and then the pencil of the section you want to change.

Insert ready-made content

Step 1. Click Customize This Page, then the pencil of the section. The section editor opens with a side panel on the left.

Step 1: Click Customize This Page, then the pencil of the section. The section editor opens with a side panel on the left.

Step 2. Click in the text where the new content should go; the cursor marks the spot.

Step 2: Click in the text where the new content should go; the cursor marks the spot.

Step 3. The side panel on the left starts with Describe Changes (see <a href="/p/Help-AI-in-the-Editor">AI in the editor</a>). Below it, Sections are complete, ready-made blocks: promotions, articles, FAQ, benefits, testimonials, services, team, pricing, contact buttons and links, galleries, map, slider, business hours, YouTube videos, reviews, dining menu, products from your store, footer, divider and more.

Step 3: The side panel on the left starts with Describe Changes (see <a href="/p/Help-AI-in-the-Editor">AI in the editor</a>). Below it, Sections are complete, ready-made blocks: promotions, articles, FAQ, benefits, testimonials, services, team, pricing, contact buttons and links, galleries, map, slider, business hours, YouTube videos, reviews, dining menu, products from your store, footer, divider and more.

Step 4. Elements are smaller pieces: button, heading, card, quote, tabs, accordion, columns, list, alert, grid, slider, table, countdown, modal dialog, overlay, Add to Cart, event and single post.

Step 4: Elements are smaller pieces: button, heading, card, quote, tabs, accordion, columns, list, alert, grid, slider, table, countdown, modal dialog, overlay, Add to Cart, event and single post.

Step 5. Click an item to put it at the cursor. Here a Button is added at the end of the last line.

Step 5: Click an item to put it at the cursor. Here a Button is added at the end of the last line.

Step 6. The gear next to an item lets you set its options (for example a button's text, link and look) before you insert it.

Step 6: The gear next to an item lets you set its options (for example a button's text, link and look) before you insert it.

Step 7. Favorites keeps content you saved for later, so you can use it again on any page.

Step 7: Favorites keeps content you saved for later, so you can use it again on any page.

The HTML view

Step 8. </> switches the section to its HTML code, with line numbers, for advanced changes.

Step 8: </> switches the section to its HTML code, with line numbers, for advanced changes.

Step 9. Click </> again to go back to the normal view.

Step 9: Click </> again to go back to the normal view.

Find and replace

Step 10. The magnifier opens Find and replace.

Step 10: The magnifier opens Find and replace.

Step 11. Type the word or words to find. Next and Previous jump between matches; tick Match case or Regex for exact or pattern searches.

Step 11: Type the word or words to find. Next and Previous jump between matches; tick Match case or Regex for exact or pattern searches.

Step 12. Type what should replace them.

Step 12: Type what should replace them.

Step 13. Click Replace all, or Replace to change one match at a time. The × closes the bar.

Step 13: Click Replace all, or Replace to change one match at a time. The × closes the bar.

Save

Step 14. Click Save and Close.

Step 14: Click Save and Close.

Step 15. The page shows the new button, and "bread" has become "cakes".

Step 15: The page shows the new button, and "bread" has become "cakes".

Check it worked

Click End Customizations and look at the page as your visitors see it.

Good to know

  • Made a mistake? Undo (Ctrl+Z) in the editor takes back the last change; Cancel closes the editor without saving anything.

Related help

Shown on the 2026 version of the SoNET Web Engine. Last checked 8 November 2026. Something different on your screen? Tell us through the Contact page.