Contact Form Integration with a WordPress Website

Joanne Cipressi
Jul 27, 2016
If you use a WordPress website for your custom shop, integrating the shopVOX Contact Form may be a bit different than adding it to another type of website.
There are a few areas that can be a bit tricky, so we are hoping that this article will guide you through this process. We worked through the integration process with Derek Miller from Nyx Web Studio for one of our shopVOX users, Headfirst Printing. Afterwards, Derek sent these awesome and helpful steps over to us.
 
Read each step carefully and apply each step, then your contact form should work perfect on your WordPress website.
  • Step 1: Copy and Edit the code provided in this article. Follow the directions in the article carefully and make sure you replace the required code properly.
  • Step 2: Add the edited code to the text section of the WordPress page. (see picture)
wordpress contact form integration
  • Step 3: Here’s where it gets a little tricky. By default, WordPress will auto-format the Javascript and JQuery code by adding <p> tags, which will break the code. To remedy this, you will need to install a plug-in called: Raw HTML. This can be downloaded in the Add New section for plug-ins. (see picture)
    wordpress contact form integration html
 
  • Step 4: This plug in allows you to wrap any part of your code in a <!– raw –> tag so to keep your code from being auto-formatted by WordPress. You must use the open raw tag <!– raw –> and closing raw tag <!– /raw –>. Instructions are also provided in the plug-in details section.
  • Step 5: After you wrap all of your script tags in this raw tag, save and update your changes.
  • Step 6: Test your form. The form should now be working.
I hope this helps. I want to send a big thank you to Rao, Bryant, and Narendar for helping me figure this out and for being extremely patient through this whole process.  ~~ Derek Miller
Joanne Cipressi
27 / 7 / 2016
Related posts
Jul 11, 2019

Issuing a Refund in shopVOX

No one wakes up in the morning hoping to issue refunds to their customers. This is…
Continue reading
Jun 27, 2019

Check out the Design Contest Finalists

Did you see the finalists for June’s design contest? We selected 4 creative designs from our…
Continue reading
Jun 19, 2019

Combining Line Items in Custom Print Quotes

When creating a quote for a print product, there may be several different lines items that…
Continue reading