Skip to main content

Accessing EasyForms

After creating an easyform, the next step is to make sure your user/patrons are able to access it. There are various methods that could be used to direct people to the form, these can include through menu links, header buttons, other Stacks features, a footer link, or by embedding the form on a landing page.

No one method is necessarily the best, ultimately the best method is determined by how you want your users/patrons to find and navigate to content on your site.

Menu Links

Stacks has 2 menu areas, the top menu and the main menu; either could be used to provide access to your form.

To add a menu link:

  1. From the Dashboard, click the Menus tile
  2. Click the List Links button to the right of Main Menu
  3. Click the +Add link button
    1. Menu link title, enter a title for the menu link, this is the value users/patrons will see in the menu
    2. Link, enter the path to the form, eg. /contact-us
      1. Note: as this is an internal Stacks page, the full URL is not required in the link field
    3. Enabled, ensure this box is checked to enable the link to appear in the menu
    4. Description, if required, enter a description for the menu link
    5. Show as expanded, when checked, this will expand the menu link if there are child links added under the main link
    6. Language, select the appropriate language, if applicable
    7. Parent Link, select the appropriate option
      1. <Top menu>, select this option to display the link in the top menu
      2. <Main menu>, select this option to display the link in the main menu
      3. <--link name>, select from other menu links listed to embed this link as a child link under the selected option
    8. Weight, enter a numerical value to determine the order of appearance
      1. Alternatively, after saving, click and drag the 4-way arrow in the list link page to change the order of appearance
    9. Click Save to complete the creation of the menu link

Header Button

Call to Action (CTA) buttons are up to 4 custom buttons that can be enabled in you header and used for navigating to content, other Stacks pages, or external websites. Depending on the header layout, these buttons typically appear beside or just under the main search bar in your header.

  1. From the Dashboard, click the System Configuration tile
  2. Click the Header tile, then the Header CTA Buttons option from the menu on the left
  3. Enable, check the box to enable the CTA button feature
  4. Header Button 1 through 4
    1. Title, enter the button name, this will be visible to the user/patron
    2. URL, enter the path (URL alias) to the form the user/patron will be directed when they click the button
  5. Click Save configuration when done

Other Stacks Features

Another method to to direct users/patrons to your form is through another Stacks feature such as a Callout, Slider, or Custom Block as example. The advantage of using features like these in particular, are the image options that can be used as a way of drawing the attention to the content the user/patron may want to access.

As described in the menu link section above, the key to directing people to the form is by using the path (URL alias) in the appropriate link or URL field. 

For more information on creating or editing features such as Callouts, Sliders, Custom Blocks, etc.. please see the associated user guide articles for the desired feature type. 

Footer Link

The footer of your Stacks site allows for the addition of custom content and links that can be used for navigating throughout your site, including the easyform you created. 

  1. From the Dashboard, click the System Configuration tile
  2. Click the Footer tile, then click the Custom Link option from the menu on the left
  3. Custom Link Title, enter a name for the custom link section, this can be enabled to be displayed in the footer if desired
  4. Display Title, check this box to display the Custom Link title in the footer section
  5. Custom Link 1 through 4, click the title to expand the section
    1. Custom Link Title, then the name for the link, this will be visible to the user/patron
    2. URL, enter the full URL to your database listing page
      1. Unlike other areas, this requires the full URL (for example: https://yoursitename.com/contact-us)
  6. Click Save configuration when done

Adding an EasyForm to a Landing Page

Once a form has been created, it can be added to any of the landing pages on your Stacks site. 

  1. Navigate to the page you wish to add the form to
  2. Click the Layout tab just below the header
  3. If needed, add a new section to the landing page, otherwise go to step 4
    1. To add a new section
      1. Click + Add section
        1. A window will open with 3 layout options
          1. 1 column, the section will be the full width of the content area
          2. 2 column, the section will be split into two columns both 50% of the content area
          3. 3 column, the section will be split into three columns, with an additional option to choose between either a 33%/34%/33% split OR a 25%/50%/25% split, select the appropriate option
        2. Administrative label, once the column configuration is selected, you will have the option to add this label
          1. This will only be visible to administrators when in this layout builder view and may be helpful in identifying the type of content being added to the section, especially if you have multiple administrators who manage the site
        3. Click Add Section
  4. In the desired section, click + Add block
    1. A window will open on the right listing the content that can be added to the section
      1. Content will be organized by feature type, scroll to the Easy Form section or filter by the form's name in the filter field at the top
    2. Once found, click the form's Title
      1. A window will open displaying the current Heading
        1. By default this will be the Title value entered when the form was created, you have 3 options
          1. Leave the heading as is, by default this will be visible to your users/patrons
          2. Change the heading name, click into the field and type in a new heading name
          3. Hide the heading, if you do not wish to show any heading, click the eyeball icon to the right
            1. The field (and helper text field below) will then be "greyed-out" and cannot be edited
        2. Helper Text, if applicable, enter a short description or instructions to provide guidance to the user/patron
          1. This will appear as an 'i' icon to the right of the heading, users/patrons can click or hover over the icon to view the helper text
        3. Subheading, if applicable, enter a value to display as a subheading
          1. Sub-Title URL, if applicable, enter the full URL to the page you wish to direct users/patrons to when they click the displayed subheading
          2. Open in new tab/window, if adding a Sub-Title URL, check this box to open that page in a new browser tab/window
      2. Click Add Block
  5. Scroll to the top of the page, then click Save Layout to save your changes
Was this article helpful?
0 out of 0 found this helpful
Return to top