--- title: "Configure Button Actions in a Pop-up" slug: "configure-button-actions-in-a-pop-up" updated: 2026-10-14T02:37:34Z published: 2026-10-14T02:37:34Z canonical: "support.whatfix.com/configure-button-actions-in-a-pop-up" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.whatfix.com/llms.txt > Use this file to discover all available pages before exploring further. # Configure Button Actions in a Pop-up Add buttons to a Pop-up to help users take the next step, such as starting a Flow or opening a web page. Each button performs one action when users click it. ## Button Actions The following table lists the button actions available in a Pop-up and their behavior: | **Button Action** | **Behavior** | | --- | --- | | **Start Flow** | When the user clicks this button, they are taken to a Whatfix Flow that is attached to the button. | | **Attach URL** | When the user clicks this button, they are taken to the URL that is attached to the button. | | **Skip** | When the user clicks this button, the particular Pop-up is omitted and they continue to see the Pop-up until they click the Close or Don't show me again button. | | **Close** | When the user clicks this button, they close that particular Pop-up. | > [!NOTE] > Info: > > Additionally, make the following changes in the button configuration menu: > > - Change the button **Type** to Primary Button or Secondary Button. > > ![Button_Type](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Button_Type.gif?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) > - Click the **Button Style** icon to change the **Color**, **Hover color**, and **Corner radius** of the button. > > ![Button_config](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Button_config.gif?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) > - Click the **Button Resize** icon to resize the button. > > ![Button_resize](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Button_resize.gif?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) > - Click the **Horizontal Align** icon to align the button horizontally. > > ![Horizontal Align](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Horizontal%20Align.gif?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) > - Click the **Vertical Align** icon to align the button vertically. > > ![Vertical Align](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Vertical%20Align.gif?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) ## Configure Button Actions Expand the following accordions for more details: **Trigger a Flow from a Pop-up** A Pop-up can Trigger a Flow to inform your users about a new feature and then guide them through each step of the workflow. > [!WARNING] > Note: > > - Ensure that you've created the necessary Flow before creating the Pop-up. > - If your end user completes the Flow till the end, then the Pop-up does not appear again irrespective of the occurrence count set. > - If the end user doesn't complete the Flow, the Pop-up appears as per the configured occurrence count. Use the following steps to attach a flow to a Pop-up using the Visual Editor: 1. Hover your cursor over the button and click to open the **Button configuration menu**. ![Button_configuration_menu](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%202.28.49%20PM.png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) 2. Next to **Action**, select **Start flow** option from the dropdown. ![Select_Start_Flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%202.30.39%20PM.png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) 3. Click the icon next to **Select Flow**. ![Select_flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%202.31.46%20PM.png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) 4. Select the Flow from the list. ![select_flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/select_flow.png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) **Attach a URL to a Pop-up** A Pop-up triggers URLs to open links, articles, survey forms, registration forms, and more. Use the following steps to attach a URL to a Pop-up using the Whatfix Dashboard: 1. Hover your cursor over the button and click to open the button configuration menu. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image(247).png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) 2. Next to **Action**, select the **Attach URL** option from the dropdown menu. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot 2024-07-07 at 10.51.23 PM.png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) 3. Paste the copied URL into the **Enter URL** field. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot 2024-07-07 at 10.53.20 PM.png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) > [!NOTE] > Info: > > - Use a dynamic URL to keep the button's URL valid when part of the domain changes, such as the subdomain or environment. > - A dynamic URL adjusts automatically, so the same link works on both https://dev.example.com and https://example.com. > - To create a dynamic URL, wrap the dynamic part of the URL in curly braces when you enter it in the **Enter URL** field, as shown in the following image:![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-11-11_08-57-36.png?sv=2026-02-06&spr=https&st=2026-11-10T16%3A13%3A22Z&se=2026-11-10T17%3A13%3A22Z&sr=c&sp=r&sig=6FQPKwseMH2h%2BbVX1FUJZt78%2F4cUEjLvNSKI%2FrIFCPQ%3D) The primary button is associated with a positive user action based on the Pop-up's contents. For example, trigger a flow or open a URL. The Secondary Button is used to close or dismiss the Pop-up without triggering any specific action.