Skip to main content

Setting Up Your Primary Button

Follow these simple steps to configure your primary button.

Jennifer Wong avatar
Written by Jennifer Wong
Updated over a month ago

Step 1: Access the Settings

  1. Open your Shopify admin

  2. Navigate to Apps > Powerful Floating Buttons

  3. Select Primary Button from the left sidebar

Step 2: Configure Button Function

  1. Locate the "Customize Function" section

  2. Select your desired button function from the dropdown menu (e.g., "Scroll to top", "WhatsApp", "Page", etc)

Step 3: Customize Button Appearance

  1. Locate the "Customize style" section

  2. You can personalize your button's look in the following ways:

Icon Options:

  • Use Preset Icons:

    • Click "Browse icon collection"

    • Select your preferred icon from the library

    • Note: Default icons will be used if no icon selection is made.

  • Upload Custom Icon:

    • Click "Add file" or drag and drop your image

    • Supported formats:

      • PNG

      • JPG/JPEG

    • Maximum file size: 3MB

    • Note: Uploaded images will override any preset icon selection

Color Customization:

  • Icon Color:

    • Choose from preset color schemes

    • Or enter a custom hex code (e.g., #0000FF)

    • Or use the color picker to select your desired shade

    • Note: Custom colors only apply to preset icons; uploaded images retain their original colors

  • Background Color:

    • Enter your preferred hex code (e.g., #FFFFFF)

    • Or use the color picker to select your desired shade

Step 4: Publish the button

  • Click "Publish" to save the configurations and make your changes live.

Did this answer your question?