Swiper Card

Put your audience's knowledge to the test with a fun swiping game.



What is it?

The Swiper Card allows you to ask your audience 'yes or no' type of questions where they get to swipe left or right to answer.

See it in action


How do I build one?


asset guidelines-1

Step 1: Add a Swiper card to your Hub

CleanShot 2022-09-30 at 12.08.50

  • Navigate to your Engagement Hub
  • Once there, click Add content, from here select Games and then Swiper. 
  • Provide an internal name for the card.
  • You will then see your new card has been added to your Hub.


Step 2: Add a Cover image

CleanShot 2022-09-30 at 12.09.32@2x

  • Clicking on the Swiper will open the editing module. 
  • (1) You have the option to give your Swiper a title or (6) disable the title bar. 
  • (2) Here you add your Cover image.
  • (3) Alter the colour and copy on the call-to-action bar or (7) you can disable the bar here.

Note: if you disable the CTA, we recommend adding a call-to-action on the cover image to inform users they need to click on the image to enter.

  • (4) You can add an author tag by displaying the brand or person who's responsible for the card content.
  • (5) Add a description to the card.


Step 3: Edit the Instructions screen

CleanShot 2022-09-30 at 12.10.37@2x

  • (1) You can edit the header background colour and add your imagery here.
  • (2) Edit the instructions for the game here.
  • (3)+(4) Alter the colour and copy of the 'Yes and No' swiper buttons.
  • (5) Edit the call-to-action bar here.
  • (6) You can edit the background colour and instruction text colour here.
  • (7) Or you can upload a background image.


Step 4: Add your Question

CleanShot 2022-09-19 at 10.52.18@2x
  • (1) You can edit the header settings here.

Note: The settings made in Step 3(1) will follow through here.

  • (2) Here you can write your question.
  • (3) You can include a description here.
  • (4) Add your swipe options here.

CleanShot 2022-09-16 at 13.28.55@2x

  • (A) Give this option an internal name.
  • (B) Mark this option as correct.
  • (C) You can add a title to this option that will appear on the bottom right of the option.
  • (D) And add a subtitle below the footer title.
  • (E) Upload an image for the option here.
  • (5)+(6) Alter the colour and copy of the swipe buttons.
  • (7) Give the question an internal name.
  • (8) Here you can edit the background settings.

Note: The settings made in Step 3(6) will follow through here.

  • (9) Here you can edit and toggle off the Item explainer.

CleanShot 2022-09-19 at 10.57.07@2x

  • (A) Give the item a title here.
  • (B) Here you can add a subtitle and (E) toggle off the subtitle option.
  • (C) Edit the footer background colour and text colour.
  • (D) Here you can toggle off the counter located on the bottom right.
  • (F)+(G) Click on the plus icon to add another item.
  • (10) You can add another question by clicking the plus icon.


Step 5: Set up your Results

CleanShot 2022-09-16 at 14.17.52@2x

  • Here you will edit the Default Result screen.

Note: We recommend using this screen as the failure screen. You can change the internal name to read as failure result .

  • (1) Give this result a title.
  • (2) Upload an image to the result.
  • (3) Include a description to this result.
  • (4) Alter the colour and copy of the Share call-to-action or (10) remove the bar here.
  • (5) Alter the colour and copy of the View answers call-to-action or (11) you can hide this button here.

Note: We recommend having this toggle off for the failure screen and only visible to those who get all questions correct.

  • (6) Alter the colour and copy of the Play again call-to-action or (12) you can hide this button here.
  • (7) You can give this result an internal name.
  • (8) Have this result lead to a data capture form.
  • (9) Toggle the confetti on if you want to show on this result.
  • (13) Click on the plus icon to add another result screen.

CleanShot 2022-09-16 at 14.39.20@2x

  • When adding another result screen, the settings are the same as the default result.
  • (A) You will need to set a range that will trigger this result.

CleanShot 2022-09-16 at 14.42.25@2x

    • (a) Set the minimum correct answer needed to show this result.
    • (b) And then set the maximum correct answers needed.


Step 6: Set up your Data capture (Optional) 

Whilst adding a competition to your Swiper is recommended to collect data, it is not always required and can be used purely as an engagement piece. 




Step 7: Publish your card

CleanShot 2022-10-04 at 16.34.05@2x

Once you've completed all of these steps, played around with your card and are happy with all the aspects of your card, it's time to get your card live!

  • (1) Publish your card manually and instantly for the world to see. 
  • (2) Schedule your card to be published and unpublished at set dates and times. 
  • (3) Click on ... to Preview and interact with the card on the front end from a user's perspective before publishing it. See how to test your card here.

Note: All competition entries will be recorded and will impact the card analytics.


"Go live" checklist

Ready to go live with your Swiper? We recommend reviewing the following list before launching and double-checking if you have:

  • All images uploaded are the correct dimensions. Export image files in 2x to ensure none of the images appear pixelated.
  • Added all your questions and options.
  • Hyperlinked your T&C's to the opt-in-field, which is created in the data capture section of the settings tab if you have a competition attached.
  • Selected the correct answer for all the options.
  • All your result screens are set up with imagery, copy and the result range.
  • All your communications (Registration, Winner/s, Everybody Else) are fully set up and ready to send.
  • If you have a competition attached, ensure your Prizes and the awarding rules are set up correctly. 
  • If you are using coupons, make sure the coupons created are set up correctly. Check the coupon limits are set, the copy for each screen is right and you have linked the appropriate coupons to your communications.

Then you're ready to go live!


Swiper Card - Celebrate-2




What can I use the Swiper card for?

The swiper can be used in a variety of ways such as asking users who is on x team, who is in or out next round, was x player on x team etc., is x item on the menu, who was in x movie etc. You can ask any questions and create a fun and engaging game!


Why would I use the footer subtitle?

You can use the footer subtitle to add additional information about the option e.g. an image of a sports player, the footer title displays the player's name and the subtitle states the team they play for.



Top tips



    One last note: 

    At Komo, we pride ourselves on not only the results our clients achieve with us but the service they receive whilst bringing their Hub's to life. 

    If you ever have any questions about an upcoming activation, how you can best utilise Komo to get the best possible outcome, or just a general query, please don't hesitate to reach out to your Customer Success Specialist or email us at support@komo.tech


    We also love your feedback, so please let us know if this article helped you by selecting from the options below. 


    Louis Docherty 

    Head of Customer Success