Setting up conditional thank you pages

A conditional redirect (or conditional thank you page) allows you to show supporters a different thank you page according to the information they submit in a form.

The thank you page, displayed after your supporter submits a form, is a great chance to ask them to do something else. After all, they're actively engaged and you have their attention. Using conditional thank you pages means you can direct people to the most useful or relevant follow up action.

For example, you could direct people who didn't opt in to join your mailing list to a page offering them another chance to sign up, while directing other users to a donation page, or share page. 

Redirectsflow1.png

You can add multiple conditions based on the fields in your form - for example offering users a choice of different follow up actions, or directing them according to any other data they've provided, such as country, area of interest etc.

Redirectsflow2.png

 

1. Think through your userflow

  • What are the follow up actions you want people to take (sign up, donate, share, take another action...)?
  • Which people do you want to take which actions?
  • What information should trigger each option?
  • And where should your supporters land for each trigger?

 

Example

User flow
I want people who didn't click 'Yes' to email opt in to have another chance to do so.

I want all other supporters to spread the word and share the campaign via social media/email.

Trigger
If opt in field is 'No' --> opt in page
If opt in field is 'Yes' --> share page

Landing pages
I need to create:
- a 'Flexible form' page where supporters are thanked for taking action, and which really makes the case for why they should opt in 
- a standalone share page that I can redirect opted in users to.

 

2. Set up your pages

Create the pages or follow up actions you want to direct your supporters to, as well as the action you'll be sending out. The new content type "Share Page" let's you create multiple pages with a share ask included.

Example

Main action is a petition - https://demo2.campaignion.org/en/node/61

--> If the supporter doesn't opt in - they are sent to a 'flexible form' page encouraging them to opt in to email contact.

--> If the supporter opts in (or is already subscribed, and you've hidden the opt in field) - they are sent to a share page.

 

3. Set up the redirect logic

On the thank you step of your action choose the option
"Redirect supporters to a URL after the action"

Redirects_1.PNG

Click the button for "Add personalized redirect"

Redirects_2.PNG

A pop up will open where you can name your condition and add a rule with the filter options.

There are two filter options:

Opt-in

"Supporter has opted in" → this applies if the supporter is already subscribed to your newsletter (for example from an earlier action) or checked the opt in option on the current webform.

"Supporter has not opted in" → supporter was not subscribed before and did not opt in, or unsubscribed.

Please be aware, that the option "No" for the newsletter opt in can have either have no effect on current subscriptions or trigger an opt out, depending on your settings.

Submission field

The submission field filter lets you filter by any form fields you've added to your webform. So if you want to filter by First Name = "Mary" then you can do that ;)

If you want to filter not only for "Mary" but also for "Mary-Lou" or "Maryan" make sure to choose the option "contains". 
First Name is "Mary" → will apply only for "Mary"
First Name contains "Mary" → will apply for "Mary", "Mary-Lou", "Maryan", "Amary", etc.

Redirects_3.PNG


In "Redirect destination" either add an external URL or begin typing the title of the page you want to be shown. You will see the node ID show up in brackets to cross check.
Just adding the node id is not possible (yet).
You have to search with the title of your page.

Redirects_4.png


Note: If you're condition is based on the answer of a multiple choice question, you need to add what shows up as "key" when editing the form, not the value your supporter will see.

Redirect_MCkey.png


Repeat until you have all conditional redirects set up as needed.

Redirects_5.png

 

4. Test your user flow

...and make sure it's working as intended.

Don't forget to methodologically go through all your actions and have your colleagues try it on a different device and browser as well.

5. Publish and launch

You're all set! Go do some good!

 

Have more questions? Submit a request

Comments