Page Headers

At the bottom of the editing screen select the arrow box next to the "Accordion Block" box.

A dropdown menu will appear, select "Page Header - Hero Image" which will now create a Page Header - Hero Image row on your page. 

Select a Background Filter, a Header Size, and insert a Main Header. A Sub Header can also be inserted but is not required. 

Hero Images have the option of adding two CTA Buttons, which are buttons that can redirect to another page. To input a CTA button, insert the URL (link to the other website) and Link Text. CTA buttons are not required for Hero Images.

Finally, add a Background Image to your Hero Image row. To add an image, it must be uploaded in the Media section. If it is, select Add media, select the image and select Insert selected. If not, upload the image by dragging the image into the Add file box or selecting Select Files and selecting the file for your image. To see how to upload images using Drupal see here. For best results, the image should be wider and shorter, it may be blurry and need to be reformatted. 

At the bottom of the editing screen select the arrow box next to the "Accordion Block" box

.

A dropdown menu will appear, select "Page Header - Simple" which will now create a Page Header - Simple Row on your page. 

Select a Title Alignment and insert a Main Header. You can also add Intro Text⁠⁠⁠⁠⁠⁠⁠, but it is not required for a Simple Header. 

Simple headers have the option of adding two CTA Buttons, which are buttons that can redirect to another page. To input a CTA button, insert the URL (link to the other website) and Link Text. In the URL box you can also search for other pages by searching the title, for a full tutorial see here. CTA buttons are not required for Hero Images.

At the bottom of the editing screen select the arrow box next to the "Accordion Block" box.

A dropdown menu will appear, select "Page Header - Webform" which will now create a Page Header - Webform Row on your page. 

In order to insert a Webform, a Webform must be created and saved to Drupal. To learn how to create a webform, see here. Once it has been created, click on the Webform dropdown and select the webform.

Insert a Title for your webform. You can also insert Body Text that will display under the title. If the Title is hidden, the Body Text will also be hidden. Body Text is not required for your header. 

Select the Text Location, Webform Alignment and Webform Background Color. You must also select Webform Mobile Style which is how the webform will appear to a mobile user. 

Select the Webform Settings tab to open a tab showing the webform options. Here, you can select the status of the webform, whether it is open or closed. You can also schedule when the webform is open by selecting Scheduled and selecting the dates that the webform will be open. By default, leave the webform open. 

If you have a Salesforce Form URL, place the link into the Salesforce Form URL which will replace the selected webform. 

Finally, add a Background Image to your webform. To add an image, it must be uploaded in the Media section. If it is, select Add media, select the image and select Insert selected. If not, upload the image by dragging the image into the Add file box or selecting Select Files and selecting the file for your image. To see how to upload images using Drupal see here. For best results, the image should be large, landscape oriented and extremely wide (e.g. 1920 pixels).