(V5) Add a form to a product page and/or as a product tab Print

  • 0

There are 3 methods to have your form show up on product pages. Two methods (methods 2 & 3) involve using Custom Form, Ozcart's form builder, and one (method 1) involves taking a Custom Form shortcode and inserting it in a custom product tab.

 

1. Integrating a shortcode in a product tab

Using Custom Form, you can create a form, e.g., a contact form, and have it show up inside of a product tab in the product tabs section on product pages, which is the section where description and reviews are. We will do so using a shortcode.

  1. In your admin area, navigate to Design > Blocks.
  2. Activate or edit Custom Form.
  3. Create or edit a form.
  4. Click on the 'Integration' tab.
  5. Copy the shortcode of the form you want to integrate. This is the main shortcode: [customform]FORM ID NUMBER HERE[/customform] - To find the FORM ID, at the end of the Form URL, you'll see "formId=numberhere". Substitute "numberhere" with the actual number. That would be your form ID. You can also find it in one of the help texts in the 'Integration' tab. To add other types of shortcodes, see the shortcodes section in the Custom Form article.
  6. Navigate to Products > Product Tabs and create or edit a product tab.
  7. In the text editor, click on the code view button, </>.
  8. Paste the shortcode in your desired location.
  9. Save.

 

2. Using Custom Form's product tab integration

Similar to method 1, with Custom Form, you can create a form, e.g., a contact form, and have it show up as a separate product tab in the product tabs section on product pages, which is the section where description and reviews are.

The difference between this method and method 1 is that method 1 gives you more flexibility as you can decide in which products, in which categories, and in which brands you want the form to show up. This method (2), will enable the form to show up in all products storewide.

Here's how you set that up:

  1. In your admin area, navigate to Design > Blocks.
  2. Activate or edit Custom Form.
  3. Create or edit a form.
  4. Click on the 'Integration' tab.
  5. Check the checkbox for 'Show as a product tab'.
  6. Save.
  7. On your website, view any product and you will find this new tab.

 

3. Using a Block

This way gives you more flexibility over where you would like the form to appear on a product page. It is also valid for any other page on your website.

  1. In your admin area, navigate to Design > Blocks.
  2. Activate or edit Custom Form.
  3. Create or edit a form.
  4. Click on the 'Integration' tab.
  5. Check the checkbox for 'Enable as Block'.
  6. Navigate to Design > Theme Settings > Layouts Builder and from the dropdown next to 'Currently building this layout', choose 'Product'.
  7. Drag, from the left to the right, the appropriate Block to the position that you want. The Block's name should begin with Custom Form > YourFormNameHere.
  8. Save.
  9. On your website, view any product and you will find this form.

Was this answer helpful?

« Back