Table of Contents

Action Cards

You are here:

This is where you’ll create and manage all of the Action Cards your users will see on their Home Screen in the Reach User app.

Managing your Action Cards

In the Action Cards Admin screen, you can see all of the basic details of your existing Action Cards, including the Title, Card Type, CTA Button, Created By, Publish Date, whether it’s Pinned, and the Status in the app (whether it’s Active or Inactive). You can search for a specific action card at the top, or add a filter to view only certain Action Cards. You can filter by Status, Card Type, whether it’s Pinned, CTA Button type, Created By, Published Before, or Published After.

Creating an Action Card

To create a new Action Card, you can click the “Add Card” button at the top right corner of your screen. As you edit, you’ll see a preview of your Action Card on the right side of the screen. The width of your card and banner image will vary based on the user’s device. You can customize the following fields in your Action Card:

Content

Content UI Example
  • Title: Put your main ask here, like “Sign up to phone bank for Dany!” or “Digital door knock five new voters!”.
  • Body: This is where you’ll want to put the details of your ask. If it’s too long to fit on a mobile screen, don’t worry – your users can tap the card to view a full-screen Action Card and scroll through all of your content. This content supports extensive rich-text formatting options so you can make these cards shine.
Icon and Banner Image UI Examples
  • Icon: This will display on the left hand side of an Action Card. Icons are not shown on “Task” type cards.
  • Banner Image: You can add a banner image that will display across the top of an Action Card – pick any picture you’d like! The way this image is displayed to your users varies based on their device’s screen width. If you want to get specific, we recommend 568×340 px images (or any image with a 5:3 aspect ratio – we’ll scale it for you and optimize it) and with a “Safe Area” of 475×210 in the middle. Check out the sample grid image here.

Type

Action Cards can be “Posts” or “Tasks”.

  • Post: These always remain in the users’ feed and cannot be interacted with or completed. Use this type for more informational cards that are not specific one-time asks.
  • Task: These replace the icon image on the card with an interactive check box. User can check the box to mark the actions as “complete”. Use this type for one-time actions you’d like a user to do.
  • Points (Optional): “Task” Action Cards can have points assigned to them your users can earn by completing the task. Earned points can be seen on the “Action Points” leaderboard on the Rankings screen. Use whatever values you want up to four digits. If you’re using the “Reach Network Share” button type, this sets the number of points volunteers will earn per contact.

Visibility

All Active cards are visible to users with the newest ones at the top.

  • Status: Set whether you’d like the Action Card to be Active in the app when you publish it, or Inactive (you can always set it to Active later).
  • Pin and Priority (Optional): You can pin a message to the top of the screen so it’s always the first Action Card your users see. If you want to pin multiple cards to the top, you can use the Priority option to put your Action Cards in a specific order. For any pinned cards, your users will see a little “Pinned” icon on the action card in the app. Pin and Priority are both optional, so if you leave things as is, then your Action Cards will be ordered based on when they were created, with the newest at the top.
  • Expiration Date (Optional): If your Action Card is for something at a specific date or time, like an upcoming event, you can set an expiration date and time for your Action Card to automatically remove it from the Home Screen once it expires. You’ll still be able to see expired cards in your Admin screen.

Call to Action Button

You can choose to link an Action Card to somewhere internal in Reach, or any external web link, or not link it at all if you prefer:

Internal

Link to another screen within Reach. If you select this option, you’ll pick which screen to link to, and can customize the text in your Button Label.

External

Link to any other website or URL. Links will open in a new tab on web and an in-app browser in the app. If you select this option, you’ll enter a URL to link to, and can customize the text in your Button Label.

Reach Network Contact

Users can share a custom script in their Reach Network via SMS, email, call, or another messaging app. If you select this option, you can customize the text in your Button Label, and add a Script Subject Line (optional) and Script text to the Action Card.

Share with Social Media

Users can share a custom link and script with via social media on both the mobile app and web app. In addition to the button label, you’ll also specify:

Share Link: This is a link to the content that you want your users to share on their social networks. It could be a news article, a petition, a voter guide, a link to your website, or any other online content you want. It will be pre-filled for them in a post on whatever social network they choose. Users will also be able to preview and visit the link before sharing it.

Script: Use the script to pre-fill a message which will be included in your user’s social post. It should be written from their perspective since they will be sharing it with their friends. Note that Facebook doesn’t support pre-filling post content like this using the app but most other social networks do.

Editing an Existing Action Card

To edit or view details for an existing Action Card, you can click on it in your list on the Admin screen. There, you can view or edit Action Card details, including who created it, when it was published, and see its API ID.

Home Screen Setup

Now that you’ve created all your Action Cards, it’s time to turn on your Home Screen! To turn the Home Screen on for your campaign, you can use the toggle in the Campaign Settings screen in your Admin Dashboard. Additionally, you can customize the header text for your home screen here. You can even use templating like {{user.first_name}} and {{user.last_name}} to personalize your message.

Tip: Add your logo!

If you’re on Reach Complete or Reach Movement, your logo will display at the top of your Home Screen, as well as your Search screen. If you haven’t loaded a logo for your campaign yet, you can do this on the Organization Details screen.

Was this article helpful?
How can we improve this article?
Need help?