diff --git a/app/assets/images/snap-renewal.jpg b/app/assets/images/snap-renewal.jpg new file mode 100644 index 000000000..bd09b6cd1 Binary files /dev/null and b/app/assets/images/snap-renewal.jpg differ diff --git a/app/assets/images/snap-renewal.png b/app/assets/images/snap-renewal.png deleted file mode 100644 index 50cedce25..000000000 Binary files a/app/assets/images/snap-renewal.png and /dev/null differ diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index 39835ad60..cd5bb3e58 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -852,3 +852,35 @@ li.linked-card:hover svg, .guidance_link { text-decoration: none; } + +.usa-link--downloadable { + position: relative; +} + +.usa-link--downloadable::after { + background-image: url(../img/material-icons/download.svg); + background-repeat: no-repeat; + background-position: center center; + background-size: 1.75ex 1.75ex; + height: 1.75ex; + width: 1.75ex; + content: ""; + display: inline; + margin-top: .7ex; + margin-left: 2px; + padding-left: 1.75ex; + vertical-align: middle; +} + +.usa-link--downloadable::after { + background: 0 0; + background-color: currentColor; + -webkit-mask-image: url(../img/material-icons/download.svg), linear-gradient(transparent, transparent); + mask-image: url(../img/material-icons/download.svg), linear-gradient(transparent, transparent); + -webkit-mask-position: center center; + mask-position: center center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 1.75ex 1.75ex; + mask-size: 1.75ex 1.75ex; +} diff --git a/app/templates/views/guidance/clear-goals.html b/app/templates/views/guidance/clear-goals.html index 03144015d..4aa7fc99d 100644 --- a/app/templates/views/guidance/clear-goals.html +++ b/app/templates/views/guidance/clear-goals.html @@ -11,44 +11,51 @@

{{page_title}}

Start with a singular purpose. Make explicit what you want to achieve.

-

Text messaging should be one part of how you communicate with the people you serve, and it is best used to provoke - action or influence behavior. Therefore, when starting to plan your texting campaign, it’s important to start with - the end in mind. -

-
-
-

- To establish clear goals, start by answering the following questions: -

-
-
    -
  • Who do you want to text?
  • -
  • At what moments do you want to text them?
  • -
  • Why do you want to text them?
  • -
  • What do you want them to do?
  • -
+
+
+

Text messaging should be one part of how you communicate with the people you serve, and it is best used to + provoke + action or influence behavior. Therefore, when starting to plan your texting campaign, it’s important to start + with + the end in mind. +

+
+
+

+ To establish clear goals, start by answering the following questions: +

+
+
    +
  • Who do you want to text?
  • +
  • At what moments do you want to text them?
  • +
  • Why do you want to text them?
  • +
  • What do you want them to do?
  • +
+
+
-
- -
-
-
- Phone -
-

Dept. of Human Services: We believe your EBT card may have been - used by - someone else. Please call the number on the back of your card (888-123-5555) to cancel and get a new one. If - you - need a new card immediately, please visit your local office. -

+
+
+
+ Phone +
+

Dept. of Human Services: We believe your EBT card may have been + used by + someone else. Please call the number on the back of your card (888-123-5555) to cancel and get a new + one. + If + you + need a new card immediately, please visit your local office. +

+

-

Add new header here

+

When should you send a text?

@@ -171,6 +178,8 @@ ideally, from people who receive the texts themselves to ensure your messages are clear and actionable.

Measure performance

+

Building and operationalizing a texting initiative requires time and effort, and you want to be able to demonstrate + the results of that effort.

diff --git a/app/templates/views/guidance/establish-trust.html b/app/templates/views/guidance/establish-trust.html index ceb40bc73..b488cdf0d 100644 --- a/app/templates/views/guidance/establish-trust.html +++ b/app/templates/views/guidance/establish-trust.html @@ -26,9 +26,14 @@ key service locations as well as partnering with community organizations to get the word out about your new texting program.

An example of key messages in direct mail

- snap-renewal -

Prime your audiences to trust you

+
+ snap-renewal +
A paper mailer sent out by the State of Connecticut, in partnership with Code for America, to get the + word out about their new SNAP texting initiative. Flier displays an image of an introduction text and includes key + messages to reinforce legitimacy.
+
+

Prime your audiences to trust you

  • @@ -40,7 +45,7 @@
  • Text types – Be clear on the types of texts you intend to send, how often, and why they matter
  • Privacy policy– For example, state that you will not collect personal information, including the types of information you will never ask for
  • -
  • Places to verify – Include a phone number, website, or human where people can verify that the texts +
  • Places to verify – Include a phone number, website, or human where people can verify that the texts are coming from you
  • Opt out – Provide opt-out instructions and a disclaimer for the potential cost of receiving the text @@ -48,10 +53,10 @@
-
  • +
  • Phone -
    +

    Dept. of Social Services: Welcome to text updates from the {{circle_number(1)}}Department of Social Services. {{ circle_number(2) }}We’ll always text you from @@ -75,21 +80,21 @@

    1. -
    2. Identify yourself in the text message. Use a consistent and familiar program name to precede each text you - send.
    3. -
    4. Personalize with first name. Through A/B testing, Code for America saw an increase in follow-through by - 25% if someone’s first name was included.
    5. -
    6. Use full and direct .gov website URLs. Avoid link shorteners, as they obscure your links and potentially - make it easier for a malicious actor to spoof your text.
    7. -
    8. If providing a phone number, use a familiar phone number and provide information on how to verify its - legitimacy.
    9. +
    10. Identify yourself in the text message. Use a consistent and familiar program name to precede each + text you send.
    11. +
    12. Personalize with first name. Through A/B testing, Code for America saw an increase in + follow-through by 25% if someone’s first name was included.
    13. +
    14. Use full and direct .gov website URLs. Avoid link shorteners, as they obscure your links and + potentially make it easier for a malicious actor to spoof your text.
    15. +
    16. If providing a phone number, use a familiar phone number and provide information on how to verify + its legitimacy.
  • -
  • +
  • Phone -
    +

    {{circle_number(7) }}Dept. of Social Services: Hi {{circle_number(8) }}Julie, Your Medicaid renewal is closing December 31, 2023. You can renew online at {{circle_number(9) }}

      -
    1. Provide a way to contact a human in any auto-response text
    2. -
    3. Provide information on how to opt out and opt back in
    4. +
    5. Provide a way to contact a human in any auto-response text
    6. +
    7. Provide information on how to opt out and opt back in
  • -
  • +
  • {% endfor %} +

    Opting out

    diff --git a/app/templates/views/guidance/write-for-action.html b/app/templates/views/guidance/write-for-action.html index 16dbc545f..478c26225 100644 --- a/app/templates/views/guidance/write-for-action.html +++ b/app/templates/views/guidance/write-for-action.html @@ -60,14 +60,13 @@

    -
  • +
  • Phone -
    -

    Write an introductory text before you start sending messages:

    -

    {{circle_number(1) }}State Medicare Agency: Hello, MEDICARE has +

    +

    {{circle_number(1) }}State Medicare Agency: Hello, MEDICARE has attempted to - send you an update about your claim, but the mail was returned. {{circle_number(2) }}Please go to + send you an update about your claim, but the mail was returned.
    {{circle_number(2) }}Please go to https://www.medicare.gov/account/login?utm_source=TEXT, {{circle_number(3) }}log in to your account, and click “My Account Information” to verify that your address is correct. If you are having difficulty logging in, @@ -103,22 +102,5 @@ ] %} {% with card_contents=card_contents, text_align='left' %}{% include "components/guidance/cards.html" %}{% endwith %} - -

  • {% endblock %}