[[wwLink = {"linkPage": 69703} | text = Publisher's course]]

[[wwLink = {"linkPage": 99378} | text = Developers]]

Start building for free

[[wwLink = {"linkPage": 69703} | text = Publisher's course]]

[[wwLink = {"linkPage": 99378} | text = Developers]]

TRY WEWEB FOR FREE

Introduction to the editor

2:36

Introduction to the editor

WeWeb is a website editor, which allows you to easily create a fully functional website and quickly update its content (text, image, video etc.) without the need for programming skills. Let's find out how it works.

If you don't have an account yet, click [[wwLink={"linkExt": "https://login.weweb.app/"} |text=here ]]to register.



Registration and site creation are free.


Once your site is created it will appear as a sticker on your Dashboard. Click on the sticker and manage all the website settings.

How to access the editor

From the website settings, access the editor by clicking on[[wwObject=2]]

Your site is displayed in the publisher as it is seen by your visitors, this is more commonly called WYSIWYG for "what you see is what you get".

Your website is made up of different pages and each page is made up of different sections represented by a blue pen-shaped icon [[wwObject=5]]

How to edit a section

To edit a section click on its pen and all the elements of the section become editable

for example:

[[wwObject=7]] If you want to modify a text, click on a the text zone and add your text, a text bar helps you managing your text as in a normal text editor such as Word.


[[wwObject=8]] If you want to modify an element other than the text, click on the element and a pop-up with options appears to accompanies you to manage the action you wish to perform.

For example: If you want to add margins to an image, click on the image so that a small pop-up appears, choose


 "Margins" and add margins to your image.

When you click on "Options" in the pop-up a window opens with more options.


To help you, a description tells you what each option corresponds to.


For example :


- SELECT IMAGE allows you to download a new image from your computer.


- CHANGE IMAGE STYLE allows you to modify the appearance of the image (add filters, borders ...)

[[wwObject=8]] This logic is the same for all the elements and all the actions.

Click on an element that you want to modify and a pop-up appears to help you to carry out the desired action.

How do I add a new section

You can add new sections to your page for more customization.


WeWeb has a library of ready-to-use web-sections that you can add to your site in one click. For example will find a Portfolio section to present your beautiful photos or a Testimonial section to display what your customers say about you.


To add a new section click on [[wwObject=8]] a panel on the left opens and click on"Add a section" as indicated on the image below to open the section library.

Once opened, all you have to do is select the section you like and add it with a click on your page.

[[wwObject=8]] In this Website designates all the sections available in the chosen topic.

[[wwObject=8]] WeWeb designates all the sections of the different themes developed by WeWeb.

How to order the sections

By default the section is at the very bottom of your page, click again on [[wwObject=9]] and bring up the left panel, then drag the burger menu of the section of your choice to move it and place it wherever you want on the page.

Ready to have fun? Create your site with [[wwLink={"linkExt": "https://login.weweb.app/"} |text=WeWeb ]]now!


Create a site

1:22

Create a site

You are ready to create your first site but you still don't know where to start? Don't worry, we're here to help.

How to register on WeWeb

To start register for free on WeWeb by clicking [[wwLink={"linkExt": "https://login.weweb.app/"} |text=here]].

Once your account is created, log in using your username and password.

How to create a site

Once connected click on "+create new website" to access a selection of website templates. Click on "PREVIEW" to preview each template. Did you find what you like? Click on "CHOOSE" to select the template you want to start with.

Then give a name to your site for example (my-super-site) then click on ok.


[[wwObject=1]] Please note that your site name must not contain spaces or special characters.

Congratulations you have just created your new site! It appears as a new sticker in your dashboard.

How to duplicate a site

Suppose you do not want one but two identical sites because you are targeting two different targets. It is very easy to duplicate a site.

Click again on [[wwObject=1]] then on "MY WEBSITE" choose the sticker of the first site created then click on "CHOOSE" as if you were choosing a site template.

Once chosen, name the new site without space and without special characters for example (copiedemon-super-site) and click ok.

And now your new site has just been created, duplicated from an exisiting site and a new sticker has been added next to the first.

[[wwObject=2]] Each card therefore corresponds to a different project. And each site can serve as a model for a new project.

Ready to become an expert in website creation? Create your site [[wwLink={"linkExt": "https://login.weweb.app/"} |text=WeWeb ]]now!


Publishing & version management

1:23

Publishing & version management

You have just made a modification on your site but you regret having published too quickly and wish to return to the previous version? We offer a simple way to switch from a version of your site to another.

Pre-production & Production

When you create your site with WeWeb, you have access to two versions of this site.

[[wwObject=0]] Pre-production: it can be considered as the draft version of your site that you can share with your internal collaborators before making it public.


[[wwObject=1]] Production: This is the public version of your site, the one that is visible online by your visitors.

Why two versions?

Because when you make changes to your site, the changes happen first in a draft version, pre-production, which you can share internally with your colleagues so that they can approve the changes if necessary.


Once you are satisfied with your changes, simply click on [[wwObject=2]]

to make it visible to your customers.

Backup and checkpoint

At each publication, we make a backup that you can find on your dashboard in the "Backups" tab.


[[wwObject=0]] We save up to 10 simultaneous backups that means that after the 11th backup, the 1st is deleted.

If you want to save one of the versions permanently to return to it, you just have to create what we call a "Checkpoint" by clicking on [[wwObject=0]]


[[wwObject=1]]You can keep up to 5 versions of the site, these versions will never be deleted as long as they are marked as "Checkpoint".


To switch from a version to another, you just have to click on[[wwObject=2]]

Ready to get started? Create your site with [[wwLink={"linkExt": "https://login.weweb.app/"} |text=WeWeb ]]now!


Introduction to the editor

Website management

Section editing

Elements Edition

Animations

Metadata & Seo

WYSIWYG Editor - Getting started

NAVIGATION

[[wwLink = {"linkExt": "https://www.weweb.io/editor"} | text = Editor]]

[[wwLink = {"linkExt": "https://www.weweb.io/components"} | text = Components]]

[[wwLink = {"linkExt": "https://www.weweb.io/pricing"} | text = Pricing]]

LEARN

[[wwLink = {"linkPage": 69703} | text = Tutorials]]

[[wwLink = {"linkExt": "https://learn.weweb.io/documentation"} | text = Documentation]]

BUSINESS

[[wwLink = {"linkExt": "https://www.weweb.io/legal-notice"} | text = Legal notices]]

[[wwLink = {"linkExt": "https://policy.weweb.io/"} | text = Terms and conditions]]

[[wwLink = {"linkExt": "https://jobs.stationf.co/companies/weweb"} | text = We are recruiting!]]

COMMUNITY

© 2019 WEWEB SAS - All rights reserved - contact@weweb.io