Lesson 1 of 0
In Progress

Build pages with elementor

Wisse 08/04/2023

Step 1: Log in to your YSOB Site

  • Open your web browser and log in to youre YSOB website.
  • Enter your username and password that have been sent to you via email.
(Screenshot 1: YSOB site dashboard )

Step 2: Create a New Page

  • In the YSOB dashboard, navigate to ‘Pages’ and click on ‘Add New’.
(Screenshot 2: YSOB dashboard with ‘Pages’ menu and ‘Add New’ option)

  • Give your new page a title and click on the ‘Edit with Elementor’ button to open the Elementor editor.
(Screenshot 3: New page with title and ‘Edit with Elementor’ button)

Step 3: Design the Page Layout

  • In the Elementor editor, you can choose from different page layouts by selecting a pre-designed template or starting from a blank canvas.
(Screenshot 4: Elementor editor with layout options)

  • Select your preferred layout option and proceed to the next step.

Step 4: Add and Customize Elements

  • To add elements to your page, search for them in the Elementor sidebar or drag and drop them from the widgets panel onto the canvas.
(Screenshot 5: Elementor editor with sidebar and widgets panel)

  • Customize each element by adjusting the content, styling, and layout settings in the editing panel on the left.
(Screenshot 6: Elementor editing panel with element settings)

  • You can rearrange elements by dragging and dropping them within the canvas.

Step 5: Publish the Page

  • Once you’re satisfied with the page design, click the ‘Publish’ button to make your new page live on your YSOB site.
(Screenshot 7: Elementor editor with ‘Publish’ button)

  • You can preview the page before publishing to ensure everything looks as intended.
(Screenshot 8: Page preview in Elementor editor)

Congratulations! You have successfully built a new page using Elementor for your YSOB site. Remember to save your progress regularly to avoid losing any changes.

Capture screenshots at each step to enhance the tutorial and provide visual guidance for your audience.

If you have any further questions or need assistance, feel free to ask!