Introduction

This tutorial explains how to create a new page in HillTop and embed a survey created in IQ. Before beginning, ensure the survey's iframe tag/Website Integration URL is available. If the iframe tag/Website Integration URL is unavailable, please reach out to your point of contact with the IQ team and they will be able to assist.

For reference, the iframe/Website Integration URL will have a format similar to the following:

<iframe frameborder="0" src="https://iqconnect.house.gov/iqextranet/EForm.aspx?__cid=(office and survey ID here)&iframe=Y" width="100%" height="2000"></iframe>

Create the Survey Page

Step 1: Click the "Pages" Link
Click the "Pages" tab, located in HillTop's top menu.  

Pages link

Step 2: Click "Add new Page"
In the "Pages" section, click the link labeled "+Add new Page" in the right sidebar.

Add new Page link

Step 3: Complete the Form

Use the information below to complete the form and create the page:

Title: Enter the title, which will appear at the top of the page, as well as in the site's menus (if enabled - see below).

Name: This field will autocomplete based on the title. If a custom name is preferable (ex. issues-survey), click on the current name to begin editing.

The name is used in the page link/URL. For example, a page named "issues-survey" will have a URL format of https://youroffice.house.gov/issues-survey. Note: Spaces and special characters are not allowed in this field.

Section: If a link to the page should appear in the site's menus, select the appropriate section. For example, to add a link in the "Contact" tab's dropdown menu, select "Home / Contact" here. If a menu link is not necessary, select "Home" and ensure "Show in Menus?" is set to "No."

Is Active: Ensure this option is set to "Yes."

Show in Menus?: Set this option to "Yes" to add a menu link based on the "Section" selection. If a menu link is not necessary, select "No."

Click the "Submit" button to create the page. All remaining options can be left at their default settings.

Add the Survey

After clicking the "Submit" button, you will be taken to the new page's content editor. Here, click the "Text Block" button below the "Add Content" heading in the right sidebar. This will add a new Text Block Group to the content editor.

Click the "+New Text Block" button at the bottom of the group to open the Text Block editor. Click the "HTML" button on the editing toolbar to view the "HTML Source" pop-up window. Paste the provided iframe tag/Website Integration URL from IQ into the window, then click the "Insert" button to return to the Text Block editor.

Finally, click the "Submit" button to add the survey to the page.

(Optional) Retrieve the Link to the Survey Page

If you will be sharing the link to the survey page, click the "View on Website" button in the right sidebar. Once the page opens in a new tab/window, the URL in your browser's address bar can be copy/pasted as needed.