How to use Weglot for translations

Translations with Weglot

— Configure your languages with Weglot on your website

Follow the steps below if you want to configure your languages in Weglot. Note: the amount of languages depends on your subscription in Weglot.

  1. sign up/sign in at https://weglot.com

2. Click on translations > visual editor > then click ‘start editing’

3. Your website will visually appear. If you want to change the language for example the French translation, click on ‘FR’ in your language menu (above the word ‘contact’).

4. Now you’re in the French version. If you hover over elements such as titles or buttons you can edit the translation in the French version by clicking on the blue pencil icon en fill in the translations.

5. Click at the top on SEO to read and check the French search optimization

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Step 13: Media

Media

— Learn everything about media

At the end of the page there is a media tab. This gives you the ability to add images to a page without using the page builder.

  1. Open a certain page
  2. Scroll down until you see the ‘media’ tab
  3. Click select and add images

Click here for a more detailed article 

You’ll also notice in the dark menubar (on your left) a button ‘media’. This is the media panel where you add and edit media. The media panel contains photos, videos and embedded links.

  1. Click on the button media in your dark menubar (left)
  2. Upload content

Click here for a more detailed article 

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Step 12: Featured Image

Featured Image

— Learn everything about featured images. This is the image that will be shown by viewing the page.

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Step 09: Smartcrawl

Smartcrawl

— Set your SEO (search engine optimization)

Define the name and description of this page. This is how Google will show the preview of your page.

  1. Open any page
  2. Open the tab ‘smartcrawl’ by clicking the triangular arrow

Click ‘edit meta’ to change the title of description of this page. It’s not obligated to change. Wordpress will automatically set your title and description.

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Step 05: Frontend editor

Frontend editor

— The easiest and clearest way to changing your website

Is all this information too much for you, and you just want to edit a few images or text?

  1. Go to a specific page you want to change
  2. pages > search page > view page
  3. Next click frontend editor in the bar at the top of your page
  4. The frond end editor will open

Once the frontend editor is open you can navigate with your mouse to all elements. Blue frames will show and give you the ability to make changes. Make sure you are editing in the right column or row!

You have made changes and want to save it?

  1. Click save changes when a window is open
  2. In the top right corner click ‘update’
  3. Next click ‘backend’
  4. In this backend you click again on update to make sure all changes are made
  5. If no changes are visible? Clear your (WP Rocket) cache! Need help with that? Click here for more information about WP Rocket

If you want to exit the frontend editor click the icon showed in the image below

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Backend and frontend editor

Backend and frontend editor

Backend

When logged in, you automatically are directed to the backend dashboard. Which means literally the backside of the website. Go to a specific page you want to edit via pages > edit page. Which opens the backend of the page. Whereafter you'll see a block structured editor with elements such as 'empty spaces' or 'single media' or 'headings'.

If you want to edit a certain element a black bar appears. The pencil icon represents 'editing' so if you want to edit an element, in this case: heading. > click pen icon. A text window wil pop up where you can edit/delete/add text. Don't forget to click 'save changes' and 'update'.

Frontend

Editing in the frontend means literally editing the website on the frontside. You can go to the frontend editor by going to the page you want to edit and click the button 'edit frontend' or 'edit with page builder'.

Once the frontend editor is open you can navigate with your mouse to all elements. Blue frames will show and give you the ability to make changes. Also same as in the backend > pencil icon represents making changes! A pop up window will appear.

When all changes have been made, you can click 'update' in the right top corner. To exit this frontend editor click the blue highlighted icon. If you don't see any changes yet please clear your (WP Rocket) cache! Need help with that? Click here for more information about WP Rocket


Step 07: How do I edit text?

Changing text

— Learn how to easily change text

When in frontend, you will be able to navigate to a specific text area you want to edit.

  1. Click the pen icon
  2. A new window will open
  3. Edit text
  4. Save changes
  5. Update

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Step 06: How do I edit or change images?

Changing images

— Changing images for a single media or media gallery

When images need to be added or changed navigate with your mouse over the specific element. The blue frames will appear along with blue bars.

  1. To change the media gallery’s images click the pen at the blue media gallery bar
  2. Another window will open where you can add or delete images
  3. Save changes
  4. Update

To add a new media gallery you’ll find a + sign at the top left corner.

A single media is a little bit different. As the title already mentions you can add just one picture. Also here you can change the single media by clicking the pen icon.

Specify your single media here. Recently we integrated a new feature the roll over media. Turn this option on and upload a second picture. What this does, is when a mouse hovers over the image, the second image will appear.

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Step 04: Sidebar

Sidebar

— The sidebar explained

In the backend a dark sidebar (left) will always show. Information about the different topics are explained below (it’s possible that some features are not relevant for you):

Tips 'n tricks

Explore with it and you'll get away with it quickly!


Step 03: Page Editor

Page Editor

— All the page features explained

When you add a new page or edit an existing page this view will appear. A lot of frames are displayed (for example categories). In this article you will find an explanation for every framed feature:

Tips 'n tricks

Explore with it and you'll get away with it quickly!