< All Topics
Print

HTML

Posted
Updated
Byjdisenso

The HTML  module is where you can add specific code. Maybe you have an embed code from your Livestream provider. Or you need to add some code from your donation platform. Or you just need to paste in some special HTML because you’re a code guy. Have at it!

Example

Here is an example of some HTML:

Adding HTML & Step-By-Step Instructions

  1. You can add HTML by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Click the + Symbol in the upper right hand corner.  
  3. Under the Modules tab (with Standard Modules selected), scroll down to view the HTML module.
  4. Select the HTML module and drag it onto the page where you want to add it. 
  5. Release the mouse to place the HTML module. It may be empty at this point, so it won’t look like our example.
  6. Under the General tab, you can add your HTML. Maybe you have an embed code from your Livestream provider. Or you need to add some code from your donation platform. Or you just need to paste in some special HTML because you’re a code guy. Have at it!
  7. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements.
  8. When you’re finished, click the blue Done button in the upper right hand corner of the website.
  9. Select Publish to make your changes public. 

Editing HTML

  1. You can edit an HTML module by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the HTML module you want to edit. A blue or orange box should appear around the module.
  3. Click on the Wrench icon or anywhere inside the blue outline to make your changes.
  4. Click the blue Done button in the upper right hand corner of the website.
  5. Select Publish to make your changes public. 

Duplicating HTML

  1. You can duplicate an HTML module by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –    
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Gallery. A blue or orange box should appear around the module.
  3. Click the Duplicate icon at the top left of the module as shown below:

Deleting HTML

  1. You can delete an HTML module by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –    
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Gallery you want to edit. A blue or orange box should appear around the module.
  3. Click the X icon to delete.
  4. When the dialog box appears, click OK.

Contact Support

Reach out to us at (971) 332-5476 or [email protected] to learn more.

Table of Contents