How to use and set up different types of flow elements?

The configurator in the studio is the tool to craft your flow structure. The basics for setting up a flow is described here.

1. Text: To add a text box, and when created, you can write directly in the box. You also have some text options by using the box shown when clicking the text box. Here you can add bold text, change the text color, etc.
   
   
   
   
2. Picture: Add an image to your flow by adding this element. Then you can either drag and drop a photo or upload it directly from your computer by clicking on the "Upload box".
3. Survey: When adding a survey, your next step is based on two options: Create a new survey or use an existing one. The existing survey list includes all surveys connected to your brand. 
   When creating a new, you get more options: 
   
   1. 1. 1. Survey name: The name used for the survey internally in your company. (Will not be shown to end users.)
         2. Question: The question you want to ask your customer
         3. Response alternatives: Here you can add up to 5 response alternatives. By clicking the six dots on the left side, you can switch the order of the alternatives, and by clicking the garnish icon you delete the response alternative.
         4. Next step: When clicking the next step, you'll get the option to say if the survey should be rewarded or not. If you set it as "Standard", you can still reward the whole flow at the end of the conversation. If you want to reward each question, please connect with your contact person in SMOC for more information.  
         5. When you are done with all the steps, click "Create". 
            
            
   Under the survey options, you also have a toggle option to "Activate survey design without response percentage". This means that you have a simple view of the survey. If this is not activated, the end user will be able to see the percentage of how many have responded what to the different response alternatives. When turning this on, you'll get another option; If you turn on the option "This question can be answered only once", it means that once the end user has answered the question, they will not be able to change or modify their response. This can be useful in situations where you want to ensure that the responses are final and cannot be altered.
   
   
4. Reward Promo: When you add a Reward Promo, you have the option to either create a new reward promotion or use an existing one. The list of existing promotions includes all surveys that are connected to your brand. When creating a new promotion, you will be provided with additional options to customize it:
   
   1. 1. 1. Display promo: The Display Promo feature allows you to choose a photo that fits your message. With this option, you can add a personal touch to your offers, making them more engaging and visually appealing. Simply select an image that aligns with your brand, product, or promotion under "Coupon creation".
            1. Promo name: The name used for the promo internally in your company. (Will not be shown to end users.)
            2. Header text: This will serve as the title of the promotion card. Choose an attention-grabbing headline that will appear above the number of coins the user will receive as a reward.
            3. Description text: The description text serves as a short, engaging message to congratulate users on receiving their sign-up reward. It should express appreciation, create excitement, and encourage users to discover the benefits of their reward.
            4. Date range: If you check this, you can choose when the reward can be claimed and when it expires.
            5. "Show progress": Once you check this option, a progress bar will be displayed to show the amount of coins the user has earned.
            6. "Show expiration date": If you select this option, it will display the expiration date of the reward. This will only work if you have already chosen a date range for the reward.
            7. Price: If you press the "price" tab at the top, you can choose how much currency the user gets when redeeming the reward.
               
         2. Link promo: With the Link Promo feature, users can easily receive their reward by clicking on a button that takes them to a specific link. Once they have clicked the link, they can return and collect their reward.
            
            1. Promo name: The name used for the promo internally in your company. (Will not be shown to end users.)
            2. Header text: This will be the title of the promotion card. Select an attention-grabbing headline that will be displayed above the number of coins the user will receive as a reward.
            3. Button name: Here you have the option to select the text that appears on the button that the user clicks to access the link.
            4. Button font color: Choose the color of the text on the button.
            5. Button background color: Select the color for the button background.
            6. Detailed promo description: Use this feature to encourage users to click the button and claim their reward. Ensure that the user is informed that clicking the button will redirect them to a specific link and that once they have visited the link, they can return and claim their reward.
            7. Landing page: Select the destination that the user will be directed to after clicking the button.
            8. Date range: If you check this, you can choose when the reward can be claimed and when it expires.
            9. "Show progress": Once you check this option, a progress bar will be displayed to show the amount of coins the user has earned.
            10. "Show expiration date": If you select this option, it will display the expiration date of the reward. This will only work if you have already chosen a date range for the reward.
            11. Post action reward title: Select the title that will be displayed on the card after the user has visited the link.
            12. Post action reward description: Choose the description that will be shown on the card after the user has clicked the link and visited the page.
            13. Price: If you press the "price" tab at the top, you can choose how much currency the user gets when redeeming the reward.
         3. YouTube promo: With the YouTube promo feature, the user receives their reward by watching a YouTube video. They receive the reward once they have finished the video.
            
            1. Promo name: The name used for the promo internally in your company. (Will not be shown to end users.)
            2. Header text: This will be the title of the promotion card. Select an attention-grabbing headline that will be displayed under the number of coins the user will receive as a reward.
            3. Video URL: Paste a link to the video you want the user to watch.
            4. Date range: If you check this, you can choose when the reward can be claimed and when it expires.
            5. "Show progress": Once you check this option, a progress bar will be displayed to show the amount of coins the user has earned.

1. 1. 1. 1. 1. "Show expiration date": If you select this option, it will display the expiration date of the reward. This will only work if you have already chosen a date range for the reward.
               
               
             
            1. Post action reward title: Select the title that will be displayed on the card after the user has visited the link.
            2. Post action reward description: Choose the description that will be shown on the card after the user has clicked the link and visited the page.
            3. Price: If you press the "price" tab at the top, you can choose how much currency the user gets when redeeming the reward.
         2. Scavenger hunt promo: Guide the user to navigate to a specific page and search for a hidden word. Once they have discovered the word, they can return to enter it and receive their reward.
            
            1. Promo name: The name used for the promo internally in your company. (Will not be shown to end users.)
            2. Header text: This will be the title of the promotion card. Select an attention-grabbing headline that will be displayed under the number of coins the user will receive as a reward.
            3. Button name: Here you have the option to select the text that appears on the button that the user clicks to access the link.
            4. Button font color: Choose the color of the text on the button.
            5. Button background color: Select the color for the button background.
            6. Detailed promo description: Use this feature to encourage users to click the button and claim their reward. Ensure that the user is informed that clicking the button will redirect them to a specific link and that once they have visited the link and found the secret, they can return and claim their reward.
            7. Landing page: Select the destination that the user will be directed to after clicking the button.
            8. Description of action: This text will be displayed when the user is entering in the secret.
            9. Secret to verify action: This is the word that the user needs to enter to get their reward. Make sure that it is visible on the landing page.
            10. "Show progress": Once you check this option, a progress bar will be displayed to show the amount of coins the user has earned.
            11. "Show expiration date": If you select this option, it will display the expiration date of the reward. This will only work if you have already chosen a date range for the reward.
            12. Post action reward title: Select the title that will be displayed on the card after the user has visited the link.
            13. Post action reward description: Choose the description that will be shown on the card after the user has clicked the link and visited the page.
            14. Price: To choose the amount of currency the user receives when redeeming the reward, click on the "price" tab at the top. You will then have the option to select a "Visit reward" which is the reward the user gets when they visit the link, and an "Action reward" which is the reward the user gets after entering the secret.
         3. Conversion promo: Choose between "Sign up promo" and "Recommender promo" to customize your reward promotion.

            For the "Sign up promo," you can motivate users to sign up for your brand by offering them a reward. This promotion is ideal for attracting new customers and encouraging them to explore the benefits of your products or services.

            The "Recommender promo" is designed to reward users who refer your brand to others. This promotion encourages existing customers to spread the word about your business and helps you acquire new customers through word-of-mouth marketing.

            1. Promo name: The name used for the promo internally in your company. (Will not be shown to end users.)
            2. Header text: This will be the title of the promotion card. Select an attention-grabbing headline that will be displayed under the number of coins the user will receive as a reward.
            3. Button name: Here you have the option to select the text that appears on the button that the user clicks to access the link.
            4. Button font color: Choose the color of the text on the button.
            5. Button background color: Select the color for the button background.
            6. Description text: The description text serves as a short, engaging message to congratulate users on receiving their sign-up reward. It should express appreciation, create excitement, and encourage users to discover the benefits of their reward.
            7. Registration form description: The description displayed above the input field when the user registers. 
            8. The user is required to provide their email address, but you have the option to request additional information by using the checkboxes at the bottom.
            9. Price: If you press the "price" tab at the top, you can choose how much currency the user gets when redeeming the reward.
            10. If you chose recommender promo, you can customize the inviter view and the receiver view.
2. Link message: The link message sends a message with a button that redirects the user to a link. This can be useful when you want to provide users with quick and easy access to a specific webpage or resource. By sending a link message, you can direct users to a designated landing page where they can find more information, complete a task, or take advantage of a special offer. When you make a link message, you get more options: 
   1. 1. Link: Choose the link that the user will be redirected to after clicking the button.
      2. Image & rich text view: If you select this option, the system will automatically find a suitable picture to accompany the link.
3. User Form: The "user form" sends a message with a form that the user needs to fill out. This form allows you to gather specific information from the user based on your requirements. You have full control over the fields and can choose what information you want the user to fill in. By customizing the form, you can collect important data such as name, email address, phone number, and any other details that are relevant to your promotion or campaign. When you make a user form, you get more options: 
   1. 1. Text: This text will appear above the form and serves as a way to motivate and encourage the user to complete the form.
      2. Link settings: Here you can choose what information you want from the user.
      3. Send link with ID: If you select this option, the conversation will be emailed to the user for them to easily access and claim their reward later on.
      4. Email verification for existing users: Use this feature to verify the email addresses of existing users. By enabling email verification, you can ensure that only users with verified email addresses can claim their rewards. 
4. Iframe: With Iframe script, you can enter your embedded code to seamlessly integrate external content into your promotion. By using the Iframe script, you can display external content such as videos, interactive forms, or webpages directly within your promotion. Simply copy and paste your embedded code into the Iframe script section, and the content will be displayed to users when they interact with your flow.