View Product Page

Settings

In YITH Catalog Mode > Inquiry Form you will be able to configure the inquiry form settings:

General options

In the General options, you can manage the visibility of the inquiry forms in products and select form you want to use:

Inquiry form general options
  • Set inquiry form as: this allows you to choose on which products showing the custom inquiry form
    • hidden in all products
    • visible in all products
    • visible in items added to the Exclusion list

This option is overridden by the visibility option in the Exclusion list (please, refer to this page) and in the Product/Category/Tag level (please, refer to this page).

  • Form to show: choose here the plugin through which you’ve created the form.
  • Choose form: select here the form you want to use, you can pick one of those that you’ve previously created.

You can read more information about the supported forms in this page.

Form options

In the Form options, you can customize the position of the form in product pages:

Show form in WooCommerce Tabs or in the Short description area of the product
  • Show form in: here, you will be able to choose where the inquiry form appears on the product page. You can pick between an additional WooCommerce Tab or the product Short description area.

1. WooCommerce tab

If you choose WooCommerce tab, a new tab will be added on your product page and you’ll be able to customize its title, the text before the form and whether to include a permalink to the product page in the email that you’ll receive or not.

WooCommerce tab position

This is how the inquiry form looks in the WooCommerce tab:

WooCommerce tab inquiry

2. Short description

As a second option, you can embed the form in the product page short description area.

Form in product short description area

If you choose this option, you can choose:

  • form position:
    • after price
    • after short description
    • after “Add to Cart” button 
  • Form style:
    • Classic: this will print the form with a shortcode
    • Hidden in toggle: this will add a toggle button and only when the customer clicks on it, the form will appear.

The following customizable options are available for the toggle:

  • Toggle button text
  • Toggle button text colors
  • Toggle button colors
Toggle button customization option

You will be able to set also a text before the form 

Edit the text to show before the form

and whether to include a permalink to the product page in the email that you’ll receive or not.

Product permalink option

Supported forms

From the Inquiry Forms tab > Form to show, you will be able to set up the inquiry form.

Inquiry form tab

The plugin includes a default form, but supports also some third-party external plugins. Here’s the full list and specific settings, if necessary.

Default form

If you want to show the default form on your products and allow users to send you an inquiry, go to the General options section in the Inquiry Form tab and select Default form in Form to show.

Select default form

In the next section, Default form fields, you will be able to manage all the fields shown in the form. The fields available are first namelast nameemailmessageacceptance.

Default form fields

This is how it would look like in the frontend:

Inquiry form example in the frontend

You can activate/deactivate the fields through the related button and edit the available options: Name, Type (Text, Email, Textarea, Acceptance), Class, Label, Label Class, Placeholder, Position (First, Last, Wide), Required (YES/NO).

Note: It is not possible to add new fields to the form. You can only edit and manage the existing fields.

If you want to use the reCAPTCHA in the default form, you must enable the option Add a reCAPTCHA to the default form then insert the site key and secret key in the respective fields.

This is how the form would look like in the frontend with the reCAPTCHA enabled:

ReCaptcha option in the inquiry form

Ninja Forms

From Ninja Forms > Settings, enable “Developer mode”:

Ninja form builder in "Dev mode"

Then, when you create a new form, add a hidden field with the following details:

Ninja hidden field

Add the following placeholder {ywctm-product-id} in the email that you want to create. This will show the link to the product page.

In YITH Catalog Mode > Inquiry Form > General options you will be able to add the form you have created.

Select Ninja form

Formidable Forms

Create the form based on your needs from Formidable forms settings.

From Build section, make sure you add an extra hidden field with the following ywctm-product-id in Advanced > Field key as shown below:

Formidable hidden field

In section Settings > Action & Notifications, in the email body, make sure you include the shortcode [default-message] to add all fields automatically. Alternatively, you can add them one by one using the field-related shortcode created:

Formidable field shortcode

In YITH Catalog Mode > Inquiry form > General options you will be able to add the form you have created.

Select formidable form

If you want to manage the position, text and color options of the form in the Product page, please, refer to the Form options here.