Docket Websites 101

If you are looking to add content to your website in a new Section instead of adding it to an area that already exists, here's how:

1. Once you're logged in and on the Page you'd like to Edit with Elementor, scroll to the bottom of the page, until you see a dashed box that says 'Drag widget here'. Click the '+'  in that box. 
2. Select the structure of your new Section.
3. You'll then see a new Section has been added. You can then click and drag this Section to where you'd like it to go on your website.
4. Once your Section is where you need it to be, click the '+' in the Section.
5. You'll see a left-hand menu has appeared. You'll be able to type and search for the Widget you'd like to add.

To add Text on a Page in a Section that already exists.

1. Login to your WordPress account.
2. On your Dashboard, click 'Pages' on the left sidebar.
3. Find the page you want to edit and click on 'Edit with Elementor'.
4. Once inside Elementor, you'll see a left-hand menu has appeared. In the menu, type in Text Editor or Heading (depending on what you'd like to add).
5. You'll then click and drag the element to where you'd like it to be on your website.
6. Once you've moved the element where you'd like it to go, you can start editing it.
   • Click on the pink pencil icon in the top right of the box. In the left side menu that appears, you’ll see Edit Heading/Text Editor, or something similar.
7. Make your changes
   • In the left menu, you’ll be able to change the styling of the text, including color, spacing, font, and more. 
8. Once you're done, make sure to click 'Update' to save your changes.

To add Text on a Page in a New Section:

1. Login to your WordPress account.
2. On your Dashboard, click 'Pages' on the left sidebar.
3. Find the page you want to edit and click on 'Edit with Elementor'.
4. Scroll to the bottom of the page, until you see a dashed box that says 'Drag widget here'. Click the '+'  in that box. 
5. Select the structure of your new Section.
6. You'll then see a new Section has been added. You can then click and drag this Section to where you'd like it to go on your website.
7. Once your Section is where you need it to be, click the '+' in the Section.
8. You'll see a left-hand menu has appeared. In the menu, type in Text Editor or Heading (depending on what you'd like to add).
9. You'll then click and drag the element to where you'd like it to be on your website.
10. Once you've moved the element where you'd like it to go, you can start editing it.
    • Click on the pink pencil icon in the top right of the box. In the left side menu that appears, you’ll see Edit Heading/Text Editor, or something similar.
11. Make your changes
    • In the left menu, you’ll be able to change the styling of the text, including color, spacing, font, and more. 
12. Once you're done, make sure to click 'Update' to save your changes.

To add an Image on a Page in a Section that already exists.

1. Login to your WordPress account.
2. On your Dashboard, click 'Pages' on the left sidebar.
3. Find the page you want to edit and click on 'Edit with Elementor'.
4. Once inside Elementor, you'll see a left-hand menu has appeared. In the menu, type in Image if you want to add (1) image, and Image Carousel if you'd like to add multiple images in one slideshow.
5. You'll then click and drag the element to where you'd like it to be on your website.
6. Once you've moved the element where you'd like it to go, you can start editing it.
   • Click on the pink pencil icon in the top right of the box. In the left side menu that appears, you’ll see Edit Image/Carousel, or something similar.
7. Click ‘Choose your image’ to add an image. Be mindful of the dimensions of the photo you select. You'll be able to update the styling of the photo in the left menu as well.
   • This includes the image resolution, caption, and more.
8. Once you're done, make sure to click 'Update' to save your changes.

To add an Image on a Page to a new Section:

1. Login to your WordPress account.
2. On your Dashboard, click 'Pages' on the left sidebar.
3. Find the page you want to edit and click on 'Edit with Elementor'.
4. Scroll to the bottom of the page, until you see a dashed box that says 'Drag widget here'. Click the '+'  in that box. 
5. Select the structure of your new Section.
6. You'll then see a new Section has been added. You can then click and drag this Section to where you'd like it to go on your website.
7. Once your Section is where you need it to be, click the '+' in the Section.
8. You'll see a left-hand menu has appeared. In the menu, type in Image if you want to add (1) image, and Image Carousel if you'd like to add multiple images in one slideshow.
9. You'll then click and drag the element to where you'd like it to be on your website.
10. Once you've moved the element where you'd like it to go, you can start editing it.
    • Click on the pink pencil icon in the top right of the box. In the left side menu that appears, you’ll see Edit Image/Carousel, or something similar.
11. Click ‘Choose your image’ to add an image. Be mindful of the dimensions of the photo you select. You'll be able to update the styling of the photo in the left menu as well.
    • This includes the image resolution, caption, and more.
12. Once you're done, make sure to click 'Update' to save your changes.

The best way to duplicate a page's appearance on our websites is to create a template. 

Saving a Page as a Template

This is most helpful if you've edited a page, and want to then create a template to duplicate your changes to a new page.

1. Login to your website, and go to Pages
2. Click the Page you'd like to make a Template.
3. Click Edit with Elementor.
4. Once you're in the page, in the bottom left, click the '^' arrow beside Update.
5. Click Save as Template.
6. Name your Template.
7. You'll then see the Template under My Templates.

Creating a New Template

This is the best option if you are creating a new page from scratch, and want to make it a page you'll duplicate.

1. Login to your WordPress Dashboard.
2. On the left sidebar, click Templates.
3. At the top of the screen, click Add New Template.
4. Select your template type (most of the time, this will be Page), and name it.
5. Create your template.

Using a Template

1. Login to your website, and go to Pages
2. Click the Page you'd like to edit.
3. Click Edit with Elementor.
4. Once you're in the page, in the bottom left, click the '^' arrow beside Update.
5. Click Save as Template.
6. Next, click in the upper left of the pop-up box where it says Library.
7. Click My Templates
8. Find the Template you'd like to use, and click Insert.
9. Click Apply.
10. Click Update to save your changes.

To add an FAQ section to a page, the best widget for this would be the Toggle widget (this is what is used on this page!).

Here's how to add it:

1. Login to your WordPress account.
2. On your Dashboard, click 'Pages'.
3. You'll see a left menu has appeared. Type in 'Toggle'. 
4. Click 'Toggle', and drag it to where you'd like it to be on your website.
5. Once you place the Toggle widget on your website, you'll see the left menu change to allow you to edit the items in your Toggle menu.
6. Click Toggle #1, and change the Title to be your question, and the Content to be your answer.
   1. You can change the styling of your Toggle widget by clicking the middle 'Style' tab, including your text colors, icons, and more.
7. Once you're done, hit Update at the bottom of your page.

When adding a new Page to your website, you'll want to make sure that you have the Page formatted to match the other pages on your website.

Adding a New Page

1. Login to your WordPress Dashboard.
2. Click on 'Pages' > 'Add New’ in the left sidebar.
3. From there, you can create a new page.
   1. If you have a template of a page you’d like to use, scroll down and you'll see ‘Attributes’ on the right menu towards the bottom of the page, and change the Template to the one you created.

To hide the Title of your New Page:

1. Go into Edit with Elementor on your page, then click the gear icon at the bottom left of your screen to open your Settings.
2. Next, you'll click Hide Page Title so it says 'Yes'.

1. Login to your WordPress account.
2. On your Dashboard, click ‘Pages’.
3. Navigate to the page you’d like to add the section, and click ‘Edit with Elementor’.
4. Click where you’d like the reviews to go, and add a Testimonial Carousel widget.
5. Once you’ve added the Testimonial Carousel, you’ll add the first review under Item #1 as Content, and then you can add the reviewer’s name under Name. To add another review to the slideshow, click Add Item.
   • To edit the review carousel’s content, background image, and more, you’ll use the left menu that appears.
     
     • If your reviewer doesn’t have a title, you can remove the text from this area to make it disappear.
6. Once you’re done, save your changes by clicking Update at the bottom of the page.

1. Login to your WordPress account
2. On your Dashboard, click 'Posts'.
3. Click Add New Post at the top.
4. Title your post, and add the information.
   • Your Title of Contents will automatically populate above your post content on the page with your H2 text turning into the headings.
5. Once you're done, make sure to click 'Update' to save your changes.