Website Editing Instructions & Procedures

Adding a Page

  1. In the top left corner of your screen select "Pages".

  2. Beneath Design, Select "Pages" again, if the section is not expanded.

  3. Select "+"

  4. Name your page.

Adding a New Conference Page

  1. In the top left corner of your screen select "Pages".

  2. Beneath Design, Select "Pages" again, if the section is not expanded.

  3. Select the page of a conference that already exists

  4. Hover over the page name in the left side menu, and select the kebab menu. "…"

  5. Select "Duplicate"

  6. On the new page, select the existing jotform by clicking on the screen, or finding the "embed" on the layers panel in the left side menu.

  7. Once selected, scroll to the bottom of the right side menu, and look for a section titled "Embed"

  8. Delete the old HTML code or URL.

  9. Paste the new HTML code or URL.

  10. Ensure that the new form is the same for desktop, tablet and mobile. If the change didn't carry all the way across, repeat the steps 6-9 for whichever platform needs updating.

Password Protecting a Page

  1. In the top left corner of your screen select "Assets".

  2. In the left side menu, select "Code" if it is not already expanded.

  3. Select any code that ends in "_Auth.tsx"

  4. Ctr A and copy the entire code.

  5. In the left side panel, select "+" to add a new code.

  6. Ctr A, and cut any example code that appears.

  7. Paste the code from "_Auth.tsx".

  8. Rename the Code, keeping _Auth.tsx" as the ending.

  9. In line 23 of the code, change the password.

    1. Ex:

      const ALLOWED_PASSWORDS = ["car26rally"] >>

      const ALLOWED_PASSWORDS = ["newpassword"]

  10. Return to the page you want the new password to apply to.

  11. In the left hand menu, select "Desktop" (This should apply changes to all formats).

  12. In the right hand menu, scroll to the bottom where it says "Code Overrides"

  13. Select "+"

  14. Under file select your new code file "_Auth"

  15. Under code overrides, select "requireAuth"

  16. Publish & Test.

Adding a Menu Item to the Footer

  1. In the editor on any page, scroll to the bottom.

  2. Double click on the desktop footer.

  3. Click on any item in under the menu of choice (either Resource menu or Menu).

  4. Duplicate item.

  5. Rename the item in the left side menu, and in the editor.

  6. Highlight the text of your new menu item.

  7. In the right hand side, go to "Link" at the top.

  8. In the "Link to" box, either add the manual URL for links that connect to other websites OR, search for the page URL of an existing page on meetonthemed.com. Using the page rather than a manual URL for the meetonthemed.com websites help ensure the link stays accurate if the page or link ever gets renamed later on.

**Repeat Steps 1-8 for both the tablet menu and the mobile menu.

Adding a Menu Item to the Hamburger Menu.

  1. In the editor on any page, double click on the header. in desktop.

  2. In the left hand menu, select the "Layers" panel.

Add an item to the main menu

Select "Primary Nav Extended"

  1. Select any menu item.

  2. Duplicate.

  3. Rename the item in the left side menu.

  4. Rename the item in the editor.

  5. Highlight the item.

  6. In the right hand menu, select "Link", and insert the proper link.

  7. Ensure changes were automatically copied to "Primary Nav Dark Extended". If not, repeat steps 1-6 in "Primary Nav Dark Extended"

Add an item to the resources menu

Select "Resources Nav"

  1. Select any menu item.

  2. Duplicate.

  3. Rename the item in the left side menu.

  4. Rename the item in the editor.

  5. Highlight the item.

  6. In the right hand menu, select "Link", and insert the proper link.

  7. Ensure changes were automatically copied to "Resources Nav Dark". If not, repeat steps 1-6 in "Resources Nav Dark"


**Repeat these steps for the mobile menu, by going to the editor on any page, in the mobile version, double click the header.

Publish.