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 or the information already stored in Campaignion.

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 content type "Share Page" lets 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 and is not known as opted-in in Campaignion - 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), and Campaignion knows about it, or if the supporter checked the opt in option on the current webform.

"Supporter has not opted in" → supporter was not subscribed before the form submission and did not opt in, or if they unsubscribed on this form.

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

Submission field

By adding a filter, you can 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, begin typing the title of the page you want to be shown or enter the node ID. Then select the action you are looking for, you will see the node ID show up in brackets to cross check and differentiate between actions with similar names.

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

Note also:

If you are using the webform-prefill module, then the fields on the thank you form will be prefilled with the values entered by the supporter on the starting form, if they have the same form keys. This is useful for e.g. first and last names, or email fields.

However if this behaviour is not desired, as e.g. for email newsletter fields, then can:

  • try to update the form key of the second field so that it does not match the form key of the first field. Cautious though! Updating a form key could break your email marketing integration, or the transmission of the supporter data into the supporter management. In case of doubt and if you feel not confident to play around with form keys, please contact support!
  • enter "webform-prefill-exclude" (without the ") in the "Wrapper CSS classes" of the field that should not be prefilled.


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