Skip to main content

Duplication of Page (For Templates with Embed Video)

Important Note: Make sure you have completed the duplication for the Popup to be used in the See Description module for the page. Take note and copy the CSS Class for the Popup to be used on the duplication page.

Side Note: Duplicating pages with the embed video is technically similar to the template with 3 or 4 Features, the key differences is that there are no contact forms used in the page, number of features available inside the template is increased to 5, and there is a video module in the hero section of the page.

See the following guides for the procedures:

  1. Login to the Admin Dashboard of the Jobs Site.
  2. After logging in, hover on the Pages tab on the left navigation bar and click Add New to start the duplication process. 

    image.png

  3. Insert the Title depending on the location and job for the page (eg. Kiowa - OD Associate Page). After inserting the title, click the Use the Divi Builder.image.png
  4. Select Clone Existing Page once the page has been loaded, then search and select Job Template with Embed Videoimage.png

    image.png

  5. To change the hero background image, do the following steps:

    image.png

    1. Click the gear icon on the Background Hero Image section module
    2. Under the Content tab, click the Background section
    3. Click the Background Image tab
    4. Click the existing image and browse or upload in the new window your desired image background (Or you can upload the images to be used beforehand under the Media tab in the left navigation bar before undergoing the duplication process)
    5. After selecting the image, click the Apply button (checkmark)
  6. To change the company logo, do the following steps:

    image.png

    1. Click the gear icon on the Company Logo module
    2. Click the existing image and browse or upload in the new window your desired logo
    3. After selecting the image, click the Apply button (checkmark)
  7. To change the Embed Video in the Hero section, do the following steps:

    image.png

    Important Note: Make sure you have copied the embed code for the video to be used in the module.

    1. Click the gear icon in the Embed Video Code
    2. Paste the embed code for the video inside the Code field
    3. After making the changes, click the Apply button (checkmark)
  8. To change the Job Position (or other texts/descriptions within the template, eg. Job Subtitle, Job Lead, Features 1, etc.), do the following steps:

    image.png

    Important Note: You can use essentially the same steps and procedure to all other text modules within the page template. The following modules are considered text modules:

      • Job Position
      • Job Subtitle
      • Job Lead
      • Practice Type
      • Lead Benefits
      • Address/Location
      • Feature Header 1, Feature Header 2, etc.
      • Feature Description 1, Feature Description 2, etc.
      • Callout Lead
        1. Click the gear icon on the Job Position module (or the module that you would be changing)
        2. Enter the text to be inserted between the HTML element tags (eg. <h1>, <h2>, <strong>, etc.)
        3. After inserting the text, click the Apply button (checkmark)
  9. To change the Apply Now Mailto Button, do the following steps:

    1. image.png

    2. Click the gear icon of the Apply Button module
    3. Click the Link tab in the Button Settings window
    4. Edit the Button Link URL: mailto:insert_email@here.com?subject=Melby Job Description (Test) = Recipient email
    5. Edit the Button Link URL: mailto:insert_email@here.com?subject=Melby Job Description (Test) = Email subject
    6. After making the changes, click the Apply button (checkmark)
  10.  To apply the popup description form on the "See Description" buttons, do the following steps:

    image.png

    Important Note: Copy the CSS class for the specific popup form to be used on the page, this can be found under the Popup Maker tab in the left navigation bar. Hover and open it under a new tab to prevent loss of progress if you have not yet taken note of the CSS class.

    1. Click the gear icon on the See Description Popup module (or any button modules)
    2. Click the Advanced tab on the Text Settings window
    3. Insert the CSS class of the popup to be used in the CSS Class field
    4. After inserting the class, click the Apply button (checkmark)
  11. To change the background images for the 2nd and bottom 3rd section, do the same procedure for the Background Hero Image
  12. After applying the changes, click the Publish button.
    image.png

    Note: You can check the outcome of the duplication before publishing by clicking the Preview button first.


Back to top