Editing Your Website

Website Edits For Your Docket Website

Click through our helpful resources to find out how to edit your website.

Helpful Resources

If you ever want to review the terms & conditions of your Docket Website, please click here.

  • ChatGPT: Ask AI directly to help you with your website questions. You can simply type “I have a WordPress website and need to ______ using Elementor. Can you send me a step by step how-to?”
  • YouTube – You can find many videos on YouTube and other platforms that walk you through edits.
  • Our Learning Hub – We have an entire eLearning course dedicated to our self-managed websites in here that shows you how to accomplish simple edits. Let us know if you aren’t signed up and we can assist you.
  1. Your website is self-managed by you once it is launched. Our team can provide guidance if you have trouble with an edit, but we do not providing editing services.
  2. We don’t allow plugin installation on our websites to keep your website secure.
  3. If there is an instance where you’d like our team’s assistance, our team is available to assist at a rate of $175 per hour. Just let us know of the changes you’d like completed to your website and we can provide an estimate.
  4. You’ll need someone from our Docket Customer Marketing team to add any scripts to your website for Google Analytics or Docketshop.

Here are some commonly used terms you should know when it comes to your website.

  • WordPress: A content management system (CMS) that allows users to create, manage, and publish websites and blogs easily. It is known for its user-friendly interface, flexibility, and is what your website is built on.
  • Elementor: WordPress plugin that enables users to build custom web pages and websites using a drag-and-drop editor. It allows both beginners and advanced users to create visually appealing and responsive designs without needing to know how to code.  This is what is used to edit your website. 
  • Widgets: In Elementor, widgets, also referred to as an ‘element’, are the basic building blocks used to add content and functionality to your pages. Examples include text boxes, image galleries, buttons, forms, and more. Each widget can be customized in terms of design and behavior.
  • Sections: Sections are the largest building blocks in Elementor, used to organize your content horizontally. A section can contain multiple columns and widgets. You can adjust the section’s width, background, padding, and other settings.
  • Columns: Columns are sub-divisions within sections, used to organize widgets vertically or in a grid. Each section can have one or more columns, and you can control the column layout, spacing, and alignment.
  • Responsive Mode: A feature you’ll see once you click Edit with Elementor on a page. It allows you to design and customize your website’s layout and content specifically for different device types—desktop, tablet, and mobile. This mode helps ensure that your website looks and functions well across all devices. We recommend testing changes you make by making sure this option is turned on when editing your website.
  • Dynamic Content: Dynamic content refers to content that is pulled from your WordPress database and displayed on your site. This can include post titles, images, author names, and custom fields.
  • Z-Index: The Z-Index property in Elementor controls the stacking order of elements. Elements with a higher Z-Index value will appear in front of those with lower values, allowing you to control which elements overlap others.
  • Padding & Margin: Padding is the space inside an element, between the element’s content and its border, while margin is the space outside an element, between the element and other elements. These settings are crucial for spacing and layout design in Elementor.

The Basics

To login to your website and make any edits, you’ll need to use the information given in your “Docket Website is Live” email.

  1. Login URL is always your website + /wp-admin
  2. Username is your first initial and last name
    • Example is jdoe
  3. Default password that we set is your username + 123
    • Example is jdoe123

Once you login to your website, you’ll navigate to your Dashboard to make edits.

Elementor is used on your website to edit everything from content, images, pages, and more. 

How to use Elementor: https://elementor.com/help/elementor-editor/getting-around-the-elementor-editor/

You can reset your password by:

  1. Go to your website login page (your URL/wp-admin).
  2. Click Lost your password? underneath the login screen.
  3. Type in the email address or username associated with your website.
  4. You’ll receive a password reset link in the email associated with your website.
  5. If the steps above don’t work, please contact our Support team.

Mistakes happen!

If you are editing your site and there is an error in your current update, you can go back to a previous version of your website.

Please note that endless versions of your website aren’t stored, so it is much easier to revert your website if the undesired change wasn’t longer than a few ‘Update’ clicks away. 

  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. At the bottom of the left menu, you’ll see a clock-looking icon. Click this.
  5. This will open your Page’s History. Go to Revisions, and select the version of your website without the undesired change. Click Apply.
  6. Once you’re done, make sure to click ‘Update’ to save your changes.

Docket customers signed on before May of 2023: We will likely be the ones who can update your website DNS settings. Please reach out to our Support team and let them know what you need, and we can help.

Docket customers signed on after May of 2023: We do not manage your DNS settings, and you should determine who hosts your domain so you can access your DNS settings:

  1. Go to https://www.whois.com/
  2. In the top right, type in your website’s URL
  3. You’ll see your domain provider listed as the Registrar.
  4. Go to the Registrar’s website, and login using the login credentials for that domain
    • You can always contact their support team for assistance
  5. You’ll then be able to find your domain’s DNS settings to update A records, CNAME records, and more.

Changing Website Content

To Edit Text on a Page: 

  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, find the text box you’d like to edit.
    • Click on the pink pencil icon in the top right of the text box you’d like to edit. In the left side menu that appears, you’ll see Edit Heading/Text Editor, or something similar.
  5. Make your changes
    • In the left menu, you’ll be able to change the styling of the text, including color, spacing, font, and more. 
  6. Once you’re done, make sure to click ‘Update’ to save your changes.

To Edit an Image:

  1. Login to your WordPress Dashboard.
  2. Click ‘Pages’ on the left sidebar and find the page you want to edit.
  3. Click on ‘Edit with Elementor’.
  4. Once you’re in Elementor, click on the image you want to change.
    • Click on the pink pencil icon in the top right of the image you’d like to edit. In the left side menu that appears, you’ll see ‘Edit Image’.
  5. Make your changes
    • Click ‘Choose your image’ to replace the current one. Be mindful of the size dimensions of your photo. You’ll be able to update the styling of the photo in the left menu as well.
  6. Once you’re done, make sure to click ‘Update’ to save your changes.

To Edit an Image (Column or Section Widget):

This will apply to an image that is set within a section or a column instead of an Image widget.

  1. Login to your WordPress Dashboard.
  2. Click ‘Pages’ on the left sidebar and find the page you want to edit.
  3. Click on ‘Edit with Elementor’.
  4. Once you’re in Elementor, click on the image you want to change. If you see a grey square instead of a pink pencil icon appear, then this is an image within a Section, Column, or other Widget.
    • Click on the grey square in the top left of the image you’d like to edit, or left click the image and hit Edit Section/Column. In the left side menu that appears, you’ll see Edit Section, Edit Column, or something similar.
  5. In the left sidebar, you’ll see the ‘Image’ widget. Click ‘Choose your image’ to replace the current one.
    • Click ‘Choose your image’ to replace the current one. 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.
  6. Once you’re done, make sure to click ‘Update’ to save your changes

You’ll want to edit your website’s menu anytime you add a new page to your website.

  1. Login to your WordPress Dashboard.
  2. Click on ‘Appearance’ > ‘Menus’ in the left sidebar.
  3. From there, you can add or remove menu items (pages) and drag and drop to rearrange them.
  4. Once you’re done, click ‘Save Menu’.

Unless you had our team add the price of your dumpsters to your website during the website build, this is not automatically on your website.

To add a price to your dumpsters, here’s how:

  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’.
    • For adding a price to your dumpsters, you’ll want to make changes to both your Home and Dumpsters/Pricing page.
  4. Once inside Elementor, scroll to your dumpster.
  5. In the left menu that says ‘elementor’, you’ll be able to search and add widgets. Type in Heading, and click and drag the Heading widget to the area you want it to go. 
    • Click on the pink pencil icon in the top right of the text box you’d like to edit. In the left side menu that appears, you’ll see Edit Heading.
  6. Type in the Title area on the left menu your price.
  7. Click Style on the left menu and 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.

*THIS IS DONE IN DOCKET, NOT YOUR WEBSITE*

The form on your Contact page is populated from your Docket account, and should NOT be edited using your WordPress login credentials.

Instead, to update the form:

  1. Login to Docket.
  2. Go to Forms.
  3. Click Contact (Web) Form.
  4. Alter fields as you wish.
  5. Save your changes by clicking Update Form.
    • Your changes will populate automatically on your website.

If you accidentally delete the form, here’s how to add it back.

  1. Login to your website
  2. Go to Pages > Contact > Edit with Elementor
  3. Click the area right under ‘Send a Message’, and in the left hand menu, add a Text Editor widget (if you deleted it from this space, if it is still there, skip this step and move onto the next!)
  4. Hover over the Text Editor box in the ‘Send a Message’ section until you see the pink pencil appear in the top right. Click it and it’ll open a menu on your left-side.
  5. In the left-hand menu, you’ll see visual/text as options, click text. 
  6. Copy this entire line directly and paste in the text area, NOT visual:
    • <iframe src=”FORM_URL&amp;embed=true” width=”10%” height=”620″ scrolling=”no”></iframe>
    • To get your Form ID from Docket, login to your Docket, go to Forms, click Contact (Web), and then click Actions, and Copy URL. 
    • In the red text above, replace FORM_URL with the copied URL

To change the image beside your contact form, here’s how:

  • While still on the Contact page, click the grey square in the upper right of the section
  • In the left menu that appears, go to Style
  • Click Image, and select the image you’d like to replace
  • The image you shared in this email is too large for this space, and will need to be cropped to accommodate the file/dimensions limitations of this area. I’ve attached a cropped grab from the image that should work for the space.
  • Once the image is uploaded in the area, click under Image Resolution, and select large.
  • You’ll then want to make sure there is an Opacity screen over the photo, as you have white text in this area.
  • Scroll down in the left menu, and click Background Overlay
  • Make sure Background Type says Classic, and under Color, select a dark color.
  • Then go to Opacity, and use the slider to change it to your desired darkness. 
  • Click Update to save the changes to your form + photo.
  1. Login to your WordPress account
  2. On your Dashboard, click ‘Posts’.
  3. Find the blog post you want to edit and click on ‘Edit’
  4. Once you’re in the blog post, scroll down to the bottom, and you’ll see ‘Featured Image’ on the bottom right.
  5. Click the image to add a new one.
  6. Once you’re done, make sure to click ‘Update’ to save your changes.

This is done in Global Fonts and Typography within your Site Settings. 

To get there:

  1. Login to your WordPress account.
  2. On your Dashboard, click your website at the top.
  3. Click Edit with Elementor at the top.
  4. You’ll see a left menu appear, click the three lines in the top left to open the Settings menu.
  5. Click Site Settings.
  6. Click Global Fonts.
  7. You can then select your Primary, Secondary, Text, and Accent fonts.
  8. When you’re done, click Update to save your changes.
  9. Then, click the arrow in the top left of the menu to go back.
  10. Click Typography
  11. Once here, you’ll be able to update your H1, H2, H3, H4, H5, and H6 settings including font, style, color, etc.
  12. Once you’re done, save your changes by clicking Update at the bottom of the page.

This is done in Global Colors within your Site Settings. 

To get there:

  1. Login to your WordPress account.
  2. On your Dashboard, click your website at the top.
  3. Click Edit with Elementor at the top.
  4. You’ll see a left menu appear, click the three lines in the top left to open the Settings menu.
  5. Click Site Settings.
  6. Click Global Colors
  7. You can then select your Primary, Secondary, Text, and Accent colors.
  8. Once you’re done, save your changes by clicking Update at the bottom of the page.

Adding Website Content

To Edit 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. Once inside Elementor, find the text box you’d like to edit.
    • Click on the pink pencil icon in the top right of the text box you’d like to edit. In the left side menu that appears, you’ll see Edit Heading/Text Editor, or something similar.
  5. Make your changes
    • In the left menu, you’ll be able to change the styling of the text, including color, spacing, font, and more. 
  6. Once you’re done, make sure to 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.

To have your page be accessible to users visiting your website, you’ll need to make sure to ALWAYS add it to your menu.

  1. Login to your WordPress account.
  2. On your Dashboard, click ‘Pages’.
  3. Click Add New Page at the top.
  4. Title your page, and then click Edit with Elementor.
    • To turn off the Page Title on your page, 
  5. Add your desired widgets by clicking the ‘+’ sign in the dotted box.
  6. Select a structure (this depends on what you’d like the section to look like).
  7. You can then edit the Section using the left menu that appears. You’ll see Layout, Style, and Advanced. Most of your editing will be done in Layout and Style.
  8. You can then click the ‘+’ that appeared in the section you just added, and add other widgets like Headings, Photos, Text Editor, Icons, and more.
  9. To hide your Page Title, on the bottom of your page, click the gear icon.
  10. Click on ‘Hide Title’ so it says Yes.
  11. Once you’re done, hit Publish at the bottom of your page.
  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. To edit the review carousel’s content, background image, and more, you’ll use the left menu that appears.
  6. To add the review, copy it directly from Google or the review platform, and pasting it in Content area on the left menu, and you can add the name of the reviewer in the Name area. 
    • If your reviewer doesn’t have a title, you can remove the text from this area to make it disappear.
  7. 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.

Plugins, SEO, and Website Analytics

We don’t allow additional plugin installations on our websites, as we carefully test each plugin that is currently installed to ensure that not only does it not impact your website’s performance, but also our network’s performance (which is where all of our Docket websites are hosted). 

If you have a specific plugin in mind that you believe would enhance your website’s functionality, please let our Docket Customer Marketing team know. We may already have suitable solutions in place that we can recommend to you.

You can do some generic on-page SEO using the Rank Math SEO plugin that is included on our websites.

Rank Math SEO is a popular SEO plugin for WordPress that offers real-time insights for on-page SEO and other powerful SEO features.

This plugin is pre-installed on our websites, so you can start using it at anytime.

Here’s how to get it setup:

  1. Login to your website (instructions above if you need help!)
  2. Once you are in your website’s Dashboard, you’ll see Rank Math SEO as a menu option.
  3. Click this, and then you’ll see a 3-tab menu with Modules, Setup Wizard, and Import & Export. 
  4. Click Setup Wizard
    • DO NOT UPGRADE YOUR ACCOUNT. The upgraded Rank Math SEO plugin is not compatible with our website setup. 
  5. Start the SetupWizard. You’ll select Easy, Advanced, or Custom Mode (depending on your comfortability). We recommend Easy Mode for novice users.
  6. Go through the Import (you can also skip this if you prefer).
  7. Set the settings under Your Site
  8. Skip the Connect Google Services option. You’ll do this by clicking Skip Step in the bottom left.
  9. Rank Math SEO will now be ready!

We aren’t able to offer Support on third-party plugins like Rank Math SEO, but their support team is able to offer assistance here.

To use Rank Math SEO on your pages:

  1. Login to your website.
  2. Once in your Dashboard, go to Pages.
  3. Click the page you want to optimize, and hit Edit.
  4. You’ll see a Rank Math SEO section populate.
  5. Click Edit Snippet, and add your desired information.
  6. Once you’re done, click Update on the far right of the page.

Alternatively, you can also edit your website information in Rank Math SEO by:

  1. Login to your website.
  2. Once in your Dashboard, click Rank Math SEO.
  3. In the grey menu that appears on the left, click Titles & Meta.
  4. Here, you can change a variety of information relevant to your website.
  5. Save your changes.

 

We recommend setting up Google Analytics to get the most accurate and in-depth information. You can start the process by following the instructions here.

This depends on what you are looking to achieve:

  • If you want to track conversions on DocketShop: Login to Docket > Online Booking > Website Scripts > Google Analytics Measurement ID. You’ll then add your Property ID or Measurement ID (this depends on your GA account). 
  • If you want to track website analytics like traffic and bounce rate: Let our Support Team, your Implementation Specialist, or our Docket Customer Marketing team know you’d like to add Google Analytics to your website (or get it removed), and we can do this for you. You’ll just need to have the script ready for our team.

We aren’t able to offer Support on third-party software like Google Analytics, but their support team is able to offer assistance here.

To get DocketShop added to your website, please let our Support Team, your Implementation Specialist, or our Docket Customer Marketing team know you’re ready to add DocketShop to your website (or get it removed), and we can do this for you.

© 2024 Your new Docket experience!. Created for free using WordPress and Colibri