MoreConvert Documentation

“Alert Button” on Single Product Page

This section allows you to customize the WooCommerce waitlist alert button on the product page. The customization options are the same as those available for the Add to Wishlist button in the WooCommerce Wishlist feature, allowing you to adjust its position, style, colors, size, and tooltip settings.

1. Button Position

Select where the button should appear on the product page:

  • On image (top left, top right, bottom left, bottom right)
  • Before/After “Add to Cart” form
  • Before/After “Add to Cart” button
  • After product summary
  • Use shortcode

 

2. Button Type

Choose the button display style:

  • Icon only
  • Text only
  • Icon and text

3. Default Button Style

Enable this option to use the default theme styles for the button’s icon and text.

4. Button Icon

Select the icon style for the button.

5. Icon Style

Customize the icon’s font size, color, and hover color.

6. Button Colors

Set background, border, and hover colors for the button.

7. Button Sizes

Adjust button dimensions, including width, height, border radius, and margins.

8. Button Tooltip Styles

  • Enable or disable tooltips.
  • Choose the tooltip display direction.
  • Modify tooltip styles from global settings.

 

 

What are your feelings?
Updated on March 10, 2025

“Alert Button” on Single Product Page

This section allows you to customize the WooCommerce waitlist alert button on the product page. The customization options are the same as those available for the Add to Wishlist button in the WooCommerce Wishlist feature, allowing you to adjust its position, style, colors, size, and tooltip settings.

1. Button Position

Select where the button should appear on the product page:

  • On image (top left, top right, bottom left, bottom right)
  • Before/After “Add to Cart” form
  • Before/After “Add to Cart” button
  • After product summary
  • Use shortcode

 

2. Button Type

Choose the button display style:

  • Icon only
  • Text only
  • Icon and text

3. Default Button Style

Enable this option to use the default theme styles for the button’s icon and text.

4. Button Icon

Select the icon style for the button.

5. Icon Style

Customize the icon’s font size, color, and hover color.

6. Button Colors

Set background, border, and hover colors for the button.

7. Button Sizes

Adjust button dimensions, including width, height, border radius, and margins.

8. Button Tooltip Styles

  • Enable or disable tooltips.
  • Choose the tooltip display direction.
  • Modify tooltip styles from global settings.

 

 

What are your feelings?
Updated on March 10, 2025