Hosted Pages Settings

Customize the look and feel of Hosted Pages

Sanne Willekens avatar
Written by Sanne Willekens
Updated over a week ago

If you are making use of Hosted pages, to allow Patients and/or Care teams to interact with stakeholder actionable activities in the care flow (e.g. submit a form, read a message), then you can customize the look and feel of Hosted Pages per individual care flow or for your organization as a whole.

Note that care flow level settings will take precedence over the branding settings defined on organizational level.

Customize Hosted Pages per care flow

All changes to care flow settings are automatically saved, but they will only take effect when publishing the care flow. Note that also the care flow settings are version-dependent, so when you publish the previous versions of the care flow will still use the older settings.

  1. Navigate to the Design space in the app switcher

  2. Select a care flow from the list

  3. Switch to the Hosted Pages tab

    1. Under Style you can set the logo, color, title, auto progress or auto-save.

    2. Under Sharing you can copy and customize the Hosted Pages link and generate a QR code

More information in the headings below πŸ‘‡

Sharing

Once you have at least one published version of your care flow, the Hosted Pages link is live. You can use this static link to e.g. embed behind a button on your website or include in your marketing campaigns.

Shareable links are configured:

  • per stakeholder, to let the right stakeholders interact with the right care flow activities and

  • per language, displaying the copy/labels of Hosted Pages ("next", "done", ...) in English, Dutch, French, Estonian or Romanian

Click the link to test the care flow immediately or copy to embed elsewhere:

Additional options:

  • Customize link:

    • set a success and cancel URL to redirect your stakeholders when the care flow session is completed or canceled/interrupted respectively.

    • set a slug as the part of the Start URL to make it easier to remember and share, the slug comes after the domain name https://goto.sandbox.awell.health/c/my-custom-name

  • Download QR code:

    • you can share the link through means of a QR code, downloaded as .png, and include in e.g. flyers and hand-out material

  • Stop sharing link:

    • take the link offline if your care flow would no longer be relevant or in operational use

Style

Logo

Upload your logo by clicking the 'Upload' button. Your uploaded logo will be displayed in the header of Hosted Pages.

πŸ‘€ tip: if you would like to show no logo at all then you can upload a 1x1 white or transparent image.

Accent color

When you set a custom Accent color, all UI components will automatically be rebranded based on that primary accent color. Next to that Awell will also automatically generate a secondary color and a text color with sufficient contrast which will be applied to the UI components.

Page title

The title which will appear at the top of the webpage.

Auto progress

When enabled, Hosted Pages will automatically progress to the next question when a user selects an answer for a single-select or yes/no question. Auto progress is only applicable in the conversational display mode.

By default, auto progress is disabled.

Auto save

When enabled, Hosted Pages will temporarily save form answers to the user's browser. In the event that a user closes their Hosted Page prematurely and wants to resume the pending activities at a later moment in time with the same device, they'll be able to see and submit prior selected answers, reducing the overhead of going through the same questions a second time.

While these saved answers do not expire, they are cleared on form completion or when the user clears their browser cache.

By default, auto save is enabled.

Apply your settings and have a look at the end result via the live preview at the bottom of the page:

Customize Hosted Pages for your organization as a whole

Note that most of the settings of the Hosted Pages styling, except for the auto progress and auto save, can also be configured on the organizational level - learn more here.

Did this answer your question?