[2.0] Hover Effect For Buttons

[2.0] Hover Effect For Buttons

This feature allows changing the color of buttons when hovering over, it can come in handy when wanting to give a clear signal to see what's clickable. When the audience moves their cursor over a button, they'll notice a color change that tells them to click.


IMPORTANT:

  • This applies to all buttons, except for the Next and Back buttons in the questions pop-up


Information:

The hover effect is the alteration of the appearance of a button once the mouse is hovering over it, even if it has not been selected.


Step #1: Access The Builder


Whether the button is located in the Pre-Quiz Page or the Thank Your Page, click the “edit” button to access the Builder of the page to get started.

  • Click to select the desired button

  • Click Properties



Step #2: Apply the Hover Effect

  • Click the Edit Button option, and a pop-up will appear with all the available button settings

  • Locate the Hover Background or Hover Color Text and pick your color

  • Click Confirm


Still have questions? Feel free to reach out via support@bucket.io

Mon thru Fri, from 8:00 to 17:00



    • Related Articles

    • [2.0] Customizing Buttons

      With the bucket 2.0 Builder, buttons can be configured to have many different designs. Follow the steps below to accomplish some of these changes. Note that it is always recommended to start working from the Desktop view and then move to Tablet and ...

    • [2.0] Next and Back Buttons

      Next and Back buttons can be added in a quiz to provide a flexible flow within questions.  Step # 1 In any questions added, click on the Edit on Builder button. Step # 2 Click on the Popup Properties menu located at the left column. Step # 3 Turn on ...

    • [2.0] Change URL to Buttons and Links

      Using the Link or URL on CTA buttons Click to select the desired button Access the Properties page identified with the tools icon and click Change URL A pop-up should appear with the redirect options, click Web Address to add a URL of the page where ...

    • [2.0] Change Footer Links

      This procedure is handy if you want to update existing footer links in the templates you’re using for your funnels.  Step # 1 Go to the Pre-Quiz and Post-pages with existing footer links that need to be edited. On the Canvas hover your cursor over ...

    • [2.0] Revert Changes

      This new feature will allow users to revert changes - either recover a deleted component or remove again a component that was previously recovered. Therefore, the revert changes action can be accomplished back and forth (Undo and Redo). The Revert ...