Editing the Call back feature

Shoptimizer includes an option to display a ‘Request a Call Back’ form on the single product page via a modal window. This is especially useful for stores which sell high value items. It looks like this on the theme demo site.

To disable the feature

Just go to: Appearance > Customize > Layout > WooCommerce and turn the Display floating button option to off and save.

To change the button label text

Again, you’ll see a text field to change this in the same place. Appearance > Customize > Layout > WooCommerce

To change the button color

Just go to Appearance > Customize > Colors > WooCommerce – and adjust the Floating button background and Floating button text color swatches.

To change where it links to

Clicking the button will trigger the contents of a widget area. Appearance > Widgets > Floating Button Modal Content. It looks like this:

This is a text widget with a forms shortcode in it.

if you want to use the same Call Back form as we’re using on our theme site, simply install the excellent WP Forms plugin and import the demo forms. Note you may have to change the ID value in the widget as yours may be different.

Within WP Forms – you’ll see the ID you need to use.

To display it on mobile

By default this feature is intended to display only on desktop screens. Modal windows can get ‘stuck’ on smaller devices so it’s safer that way. If you really want to enable it you can use some custom CSS. Add it to: Appearance > Customize > Additional CSS

Include the page URL the form was submitted from

When a customer submits a request, it may be useful to know what product page they submitted the request from. If you are using the WP Forms plugin you can do this within: Settings > Notifications

And within the Email Message textarea, include:

Product link: {page_url}