Cookies Consent Page. Project Peach Light Background Logo.
We use cookies to enhance your browsing experience. By clicking 'I Understand and Accept', you consent to our use of cookies.
I understand and accept
No, I don't want to use cookies
My Account
Control Panel
An example toast message
Header. Project Peach Dark Background Logo.
Menu
en
en
Change Language
Login
My Account
Control Panel
What's It About?
Try It
About Us
Contact Us
Book A Demo
Buy a Website Now
Log Out
Login
Login
en
en
Header. Project Peach Dark Background Logo.
Menu
en
en
Change Language
Login
My Account
Control Panel
What's It About?
Try It
About Us
Contact Us
Book A Demo
Buy a Website Now
Log Out
Login
Login
en
en
Header. Project Peach Dark Background Logo.
Menu
en
en
Change Language
Login
My Account
Control Panel
What's It About?
Try It
About Us
Contact Us
Book A Demo
Buy a Website Now
Log Out
Login
Login
en
en
Header. Project Peach Dark Background Logo.
Menu
en
en
Change Language
Login
My Account
Control Panel
What's It About?
Try It
About Us
Contact Us
Book A Demo
Buy a Website Now
Log Out
Login
Login
en
en
Learn how to use our website editing...

One Step at a Time

In our world you edit your website on your website. There is no concept of a website builder or publish cycle. Just right-click/long press, edit and save. But, how does it work? We've built this step-by-step page to guide you through the process. Just follow the steps down the page and get a feel for it.
As we go along we'll be introducing you to our simple terminology like widgets, content, lists, and design styles which are the blocks that we build with and the way we display content visually. Find out more on this page.
Our Playground
Let's begin with...

Editing Text

We've restricted the menu options available to simplify our tutorial. The only text that can be edited here is below, just right click/long press on mobile and edit. You can also use our quick menu system to change the font size or the spacing to the item that follows beneath. Try it out now, it's very easy!
Click on this toolbar tick button or outside of the text area when you are finished
Right click here or long press on mobile, select 'Edit Text/Edit' and start editing this text here...
One Step Page. Cartoon Man on Large Pencil Moving Left.
Let's continue with...

Editing Images

Again we've simplified our menu for our tutorial. Just right click on the image or long press on mobile to bring up the menu. Images can be picked from our online library or uploaded from your computer or mobile.
You can resize the image by dragging the lower right corner to give prominence to the image or this text, tap outside to complete the resize action. We've also a built-in image editor where you can adjust/crop to size, rotate or invert.
You can get a feel for our most basic 'Styling...' menu and our quick menu to adjust the image shape. Try it out now, it's very easy!
One Step Page. Upload Image, Default Blonde Women with Blue Eyes.

Editing Icons

Alongside our image library we also have an icon library with thousands of icons. In many places you have an option of either an icon or an image. In this instance only the icon selection is available. Right click/long press on the icon and select the 'Pick Icon...' option to browse or search. You can resize, change colour or style. Try it out now, it's very easy!
The interactive 'Styling...' menu option allows you to preview changes by putting the quick menu options in tabs. You can easily visualise all the available options.
Tip: Select the 'Design' option to bring up the quick menu and change content directly on page. Move through the menu options with left and right keys, change the menu choice with up and down keys or use the mouse or top left short cut menu.
Bringing it together with...

Editing Lists

As we delve a little deeper let's bring in some background terminology. We've the concept of a widget. Each horizontal section in this page is a widget. You've not seen them yet in the menus because we've simplified them. Widgets can be added to a page to create horizontal sections, just like this section. There are different types of widget and styles of that widget. It's all built-in and that's how we get a variety of page designs.
Each widget in a page contains content. This widget is a 'two column' type with text content here on the left and a 'content feature list' on the right, unless you are on mobile where they will be vertically aligned. Additional content can be added above, below or in the middle in both columns, this content can be icons, images, text, lists and many more. In this way you can build content within the widget which is a section of a page. That's pretty much the only terminology you need to understand. Using this knowledge you're in a great position to use the full menus in the playground page.
Feature lists are available as a widget or as content. We'll get to the 'widget feature list' a little later down the page. Scan your eyes to the right, or below on mobile and you'll see the 'content feature list'. Simply right click and you'll see a simplified menu with some combination of 'Edit Text', 'Edit Image' and 'Edit List'. You will see that the content item you are working on highlighted on the page in the background. You can change the icon, title and the description text, add items, copy items, delete items, reorder with drag and drop. Try it out now, it's very easy!
Tip: Take a look in the 'Edit List'/'Styling...' menu option to see all the styles available for a 'list'. You can also select 'Design' to bring up the quick menu to see the styles change in page. You can click outside the quick menu or press the 'Esc' key to close it.
Below is a 'Content Feature List'. Try Editing It!
Lorem
You can also add more items, remove and rearrange these items by right clicking...
Ipsum
You can also add more items, remove and rearrange these items by right clicking...
Dolor
You can also add more items, remove and rearrange these items by right clicking...
Sit
You can also add more items, remove and rearrange these items by right clicking...
Amet
You can also add more items, remove and rearrange these items by right clicking...
Tip: To reorder, select the 'Edit List/Re-order'  menu option. Then on mobile tap on the list item to move and then tap where it needs to be placed. On desktop simply drag and drop the list item.
Let's build on your new knowledge by...

Editing Content

As we learned in the previous section, it's all about adding additional content within a widget. This widget was sourced from a design in our 'General Content' add widget option. It's a two column widget, split equally in width. In our example here only the column with the image is editable.
Take a look at the editable column with the image. It's made up vertically of an image, some preamble text, a header, a separator and text. Again we've masked off some menu items to help simplify but we've added in the powerful 'Edit Content' menu. Depending where you click on the content you'll see 'Edit Content' in conjunction with 'Edit Text' or 'Edit Image'. You know how to use these menu options already.
The 'Edit Content' menu allows you to add more content to a column in a widget. Try it now by clicking on the image and selecting the 'Edit Content/Add/After' option. This will bring up the 'Select Content' pop up. Pick the 'Buttons List'. See how a single button was added after the image. If you right click over the button you'll see a new menu option has been added 'Edit Buttons'. Add some more buttons, play with the button designs, change the colour. Have fun! In the real world you can add actions to buttons to switch to a new page or a location on this page. Finally remove the buttons list. That's how you edit content. Try it out, it's very easy!
Remember: Pages are built with widgets. Widgets are built with content. We have a range of widget and content styles that make the same underlying data appear different in visual presentation. You can easily change the visual appearance of a page instantly.
Tip: If you would like a newspaper style column where the text wraps around the image then simply turn on the 'Wrap' option for the image content in the 'Edit Content/Edit Style/Wrap' menu option and resize the image. Why not adjust the width of the columns too? Try it now, it's very easy!
One Step Page. Cartoon Man Sitting on Park Bench Reading.
This is preamble text

This is a Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Expanding your knowledge by learning...

Editing Widget Feature Lists with Content

Here is an example widget containing a feature list. You've come across it's cousin the 'content feature list' earlier which is vertical in a column. For larger page impact it's possible to have a full size widget feature list as shown below. The feature list has different visual styles accessed by the 'Edit List/Design' menu option. Try it! A features list item, by default, is made up of an image, header and text. You can see the default content in the list items below. If you add a new list item with 'Edit List/Add/Before | After' then it will be created with the default style, image, header and text. However each list item is built with content apart from the image, this makes it possible for each item to be different with individually created content. What if you want to duplicate your newly created list item content style? You can simply 'Edit List > Copy > Before | After'. A duplicated item is created in your unique content style that you can edit. You can also copy to the clipboard to copy list items across widgets, pages or websites. Try it out, it's very easy!

Item #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Item #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Item #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Header. Project Peach Dark Background Logo.
Menu
en
en
Change Language
Login
My Account
Control Panel
What's It About?
Try It
About Us
Contact Us
Book A Demo
Buy a Website Now
Log Out
Login
Login
en
en
Header. Project Peach Dark Background Logo.
Menu
en
en
Change Language
Login
My Account
Control Panel
What's It About?
Try It
About Us
Contact Us
Book A Demo
Buy a Website Now
Log Out
Login
Login
en
en
Header. Project Peach Dark Background Logo.
Menu
en
en
Change Language
Login
My Account
Control Panel
What's It About?
Try It
About Us
Contact Us
Book A Demo
Buy a Website Now
Log Out
Login
Login
en
en
Pulling it all together by...

Editing Sliders

Sliders are generally used as impact at the top of a webpage. Individual sliders can be a video or an image. There can be one or more slides in a slider. They can be automatically scrolled at a specified time interval or configured to be manual.
Our simplified menu is now growing in size and pretty much the whole slide can be edited including image, video, this content and text. Firstly, try editing this slide with 'Edit Slider/Edit Slide', again you can get a good preview of choice by going to the 'Edit Slider/Edit Slide/Styling...' menu option.
How about adding another slide to the slider?  Use 'Edit Slider/Add/After' and a new slide will be added and you will be moved to it. Use the arrows to move back or the reorder option to quickly move between slides or change the order. Try it out now, it's very easy!
Need customer survey or contact form? Learn how to with...

Editing Forms

You can add a form anywhere in a widget's content. The form will be sent to the email you specify in it's configuration. Try the usual right click on a form field or the form itself. You can edit the form with 'Edit Form' or the input field with 'Edit Input'.
On a form you can choose different types of input fields. Text input, check boxes, drop down lists with simple validation options. You can also create sections by using static text for headings. Try it out now, it's very easy!
Send
One Step Page. Cartoon Man Marking Checkboxes on a Clipboard.
Want to know...

Where to Go Next?

Congratulations! You've just taken your first steps into our world of website editing and updating. Remember, this is just a tiny part of what we do to help you. We've live updating, where changes you make are instantly updated live in your customer's browser without refresh. Also you can see your visitors online and what they are doing in real-time. But, you can only see these exciting features by creating your own website, it's FREE! There's also plenty more too, which you can see by visiting our 'What's it About?' pages. Here's some suggestions where to head next for either information or further self-help demonstrations

Our Playground

Interested in how our live website updating works? Head to our interactive playground and play around.

Create your own Website

We will build you a trial website. It's a full version but time limited. It's FREE and No Credit Card needed.

Try our Online Store

Try out our online retail store? We've a retail store extension module that you can upsell to your clients.

The Product

10 Years of solid R&D, testing and proven in-production with real clients. A Solution that’s 10 Years Ahead.

The Features

Want to change your website on your website? How about right-click, edit in-place and save. That’s it!

The Solution

Your business changes on a daily basis, why shouldn’t your website? No skill required!
Back To: Home
Back To: Top
Coming Next: The Playground
AI, NoCode, WaaS websites done right! We build the future of real-time websites and live mobile web applications.
Project Peach Limited
10520034
48 Buckton Vale Road, Carrbrook, Stalybridge, England, SK15 3JP.
(+44) 1904 349 316
Store Hours Unavailable
No store selected for opening hours
Loading Open Hours...
Do Something
Do Something
Do Something
Interested in our Affiliate Program? Just add your email address below
Send
What's It About?
Home
Our online solution is nothing like anything else you’ve experienced before. Read all about it.
The Product
10 Years of solid R&D, testing and in-production with real clients. A Solution that’s 10 Years Ahead.
The Features
Want to change your website on your website? How about right-click, edit in-place and save. That’s it!
The Solution
Your business changes on a daily basis, why shouldn’t your website? No skill required!
About Us
Our Team
Our experienced UK team have been designing, writing and maintaining complex software applications since 1983.
Our Company
We are a self-owned UK limited company, with no external investors and are a self-funded profitable business.
Our Clients
We have long term clients for variety of industry sectors, Corporates,  SMEs, Small Business and Affiliates.
Affiliate Programme
We're always looking for affiliates to sell our WaaS, AI, NoCode websites globally. Want to partner up?
Our Ethos
Carbon Neutral
A Sustainable Future.
Partnerships
Become an Affiliate or Partner.
Web3
The Future of Web3 Websites.
Try It Yourself
One Step At A Time
Go at your own pace. Let us guide you step-by-step in using our live edit of your website in-place.
Our Playground
Interested in how our live website updating works? Head to our interactive playground and play around.
Create Your Own Website
Just fill in a simple form and we will build you a trial website. It's a time limited full version. It's FREE and No Credit Card.
Try Our Online Store
Try out our online retail store? We've a retail store extension module that you can upsell to your clients.
Project Peach © 2011 - 2023
Cookies Policy
Privacy Policy
Terms and Conditions