Ivertech Blog

How To Create A New Contact Form

Ivertech Admin — Tue, 27 Jul 2021 08:01:55 GMT

After creating an account with Ivertech Spam Free Contact, you will need to create a new contact form. You can do so by clicking on the "Create New" button after you have logged in:

You can play around with the font style, color, size, etc. and see the effect immediately on the right-hand side.

You can also specify if you would like to enable Captcha on the form. If you enable Captcha, the user will need to check the “I’m not a robot” check box before he/she is allowed to submit the form.

You can modify the field names if you like. For example, you can overwrite the “Name” field to “Company Name”. Or you can change it to "Nombres" if you would like to use Spanish for the field. Besides the 4 standard fields (Name, Email Address, Subject, and Message), you can also add additional custom fields if you like. You can do so by clicking on the “Add Fields” link at the bottom:

You can name your field anything you like (“Telephone Number” for example). If you check the “Is Required Field” check box, your customer will not be allowed to submit the form unless he/she provides the information requested. You can just leave the check box unchecked if it’s an optional field.

Once you are satisfied with the layout of your form, you can save it by clicking on the "Save" button on the top right corner. You will then be provided with instructions on how to embed the contact form:

You can copy the html code and paste it to your web page, if you have one available. If you don't have a web page yet, you can just copy the URL and paste it to your browser to see how the form looks like.

Once you are done setting up the form, you can proceed to test it by following these simple steps to test it.

How to Add reCAPTCHA to Weebly Contact Form

Ivertech Admin — Mon, 07 Sep 2020 07:12:21 GMT

If you are getting spam messages from Weebly’s contact form, you can try adding a reCAPTCHA to it. This will make it more difficult for spam bots to submit spam messages.

Below are a few simple steps to add reCAPTCHA to your Weebly contact page:

1) Go to your Contact page and drag the Contact Form widget onto your page:

2) Once the widget has been placed on the form, click anywhere on the form and then click on “Form Options”. Turn on Google Captcha (by clicking on the circle so that it’s moved to the right) and then click on “Save”:

3) Click on the Publish button on the top right corner and proceed to view the Contact page using a new incognito window:

4) Please note that you can either use a new incognito window or clear your browser’s cookie in order to test the Contact page. If you don’t do so, you won’t be able to see the Google Captcha. Weebly will just allow you to submit the contact form without having to prove that you are a human.

5) Also, you will not see the regular “I’m not a robot” checkbox when the form first loads. Instead, you will need to fill out the fields and then click on the “Submit” button in order to trigger the reCaptcha challenge:

6) Your message will only be submitted if you have successfully solved the challenge questions.

While adding a reCAPTCHA to your Weebly contact form will stop most of the spam bots from submitting spam messages, it will not stop actual humans from manually submitting spam messages. You can use Ivertech Spam Free Contact for Weebly to filter out spams submitted by humans using Artificial Intelligence.

How to Install Ivertech Spam Free Contact Code on Weebly

Ivertech Admin — Sun, 06 Sep 2020 08:55:30 GMT

Tired of getting spammed from the Contact Us page at Weebly.com? Just follow these simple steps below to spam-proof your Contact Us page:

1) Open a free account at Ivertech Spam Free Contact.

2) Create a new contact form and copy the installation code:

3) Log on to your Weebly.com site and click on the Edit Website button:

4) Click on Pages on the top, then click on Contact on the left:

If you don’t have a Contact page, you can create one by clicking on the “+” icon next to the Pages section.

5) Click on the Build tab on top and drag the “Embed Code” block and drop it onto the middle of your Contact page:

6) Once the “Embed Code” block has been dragged and dropped to the page, click on it and then click “Edit Custom HTML”:

7) Paste the installation code that you copied earlier into the text box:

8) Once the code has been pasted into the text box, click anywhere outside the text box and you will see the contact form that you created on Ivertech Spam Free Contact:

9) Click on the “Publish” button on the top right corner and proceed to view the Contact page:

10) Here's how you can test your contact form.

How to Add reCAPTCHA to Wix Contact Form

Ivertech Admin — Fri, 04 Sep 2020 10:14:12 GMT

If you are getting spam messages from Wix’s contact form, you can try adding a reCAPTCHA to it. This will make it more difficult for spam bots to submit spam messages.

Below are a few simple steps to add reCAPTCHA to your Wix contact form:

1) Go to your Contact page and click on the form. Click on Add New Field, Anti Spam, and reCAPTCHA:

2) Once the reCAPTCHA field has been added to your form, make sure that it’s placed at the bottom (before the Submit button):

3) Publish the site and test the contact page.

4) If you click on the Submit button without checking the “I’m not a robot” checkbox, you will get a prompt that says “Please check this box if you want to proceed”:

While adding a reCAPTCHA to your Wix contact form will stop most of the spam bots from submitting spam messages, it will not stop actual humans from manually submitting spam messages. You can use Ivertech Spam Free Contact for Wix to filter out spams generated by humans using Artificial Intelligence.

How to Install Ivertech Spam Free Contact Code on Wix

Ivertech Admin — Sun, 30 Aug 2020 09:52:18 GMT

Tired of getting spammed from the Contact Us page at Wix.com? Just follow these simple steps below to spam-proof your Contact Us page:

1) Open a free account at Ivertech Spam Free Contact.

2) Create a new contact form and copy the installation code:

3) Log on to your Wix.com site and click on the Edit Site link:

4) Click on the “Menus & Pages” icon on the left and click on “Add Page” at the bottom:

5) A new page called “New Page” will be added for you. Change it to something friendlier like “Contact Us” and click on the “Done” button:

6) Click on the “+” icon on the left, “Embed”, and “HTML iframe”:

7) Click on “Enter Code” and paste the installation code that you copied earlier into the text box and click “Apply”:

8) Once the installation code has been applied, you will see the contact form, which is partially displayed:

9) Resize the edges of the rectangle so that the entire contact form is visible:

10) Click on the “Publish” button on the top right corner and then click on “View Site”:

11) You should see the contact form when you click on the “Contact Us” link:

12) Here's how you can test your contact form.

How to Test Ivertech Spam Free Contact Form

Ivertech Admin — Sun, 23 Aug 2020 09:40:07 GMT

Once you have created a contact form on Ivertech Spam Free Contact and deployed the installation code to your site, you can follow steps below to test it:

Go to your site’s contact form and type in something like below:

Subject: Details about your product

Message: I would like to know more details about your product. Can you contact me as soon as you can?

Click on the “Submit” button and then check your email’s inbox. Since the message above will be recognized as not spam, you should receive an email from Ivertech Spam Free Contact within a few minutes.

Here’s how a sample email looks like:

When someone tries to send you a spam message, you will not get an email notification at all. Here’s how to simulate a spam message:

Subject: You are a lucky winner

Message: You have just won one million dollars from our lucky draw. Please let us know where to send the money.

Since you will not get an email notification, the only way for you to view this spam message is to log on to Ivertech Spam Free Contact and click on the View Messages link:

Since the default is to show non-spam messages only, you can click on the “Show All” to see all messages or “Show Spam Only” to see only spam messages:

We purposely don’t send you email notifications when you receive a spam message so that your email inbox will not be flooded with spam messages. Since our Artificial Intelligence (AI) Spam Filter has already filtered out the spam messages for you, you won’t need to spend any time going through your inbox to weed out the spam messages.

How to Install Ivertech Spam Free Contact Code on Wordpress.com

Ivertech Admin — Thu, 06 Aug 2020 09:45:17 GMT

Tired of getting spammed from the Contact Us page at Wordpress.com? Just follow these simple steps below to spam-proof your Contact Us page:

1) Open a free account at Ivertech Spam Free Contact.

2) Create a new contact form and copy the installation code:

3) Log on to your Wordpress.com site and click on the “WP Admin” menu item on the left:

4) Click on “Pages” on the left and then click on “Add new”:

5) Click on “Use Blank layout”:

6) Type “Contact Us” for title and then click on the “+” icon:

7) Scroll down and click on “Custom HTML”:

8) Paste the installation code that you copied previously into the Custom HTML block:

9) You can preview the form by clicking on the “Preview” button on the top left corner of the block:

10) At this point, you can proceed to click on the “Publish” button on the top right corner to publish the page. Please note that only paid plan of Wordpress.com allows publishing of iframe in the Custom HTML block. If you notice that the content of the Custom HTML block is removed after publishing the page, your probably have a free plan with Wordpress.com. Once you upgrade it to a pain plan, you will be allowed to save the installation code.

11) Now that you have added the Contact Us page, you can proceed to remove the existing Contact page from the menu. To modify your menu, click on Appearance, Customize on the left. Then click on Menus, Primary.

12) Click on the “Add Items” button and add the “Contact Us” page to the menu. Remove the existing “Contact” page from the menu by clicking on the “x” next to it:

13) Click on “Save Changes” once you are done.

14) Publish your site and you should see that the “Contact Us” menu item on the top will bring you to the new “Contact Us” page that you just created:

15) Here's how to test your contact form.

Why Google reCaptcha v2 or v3 Does Not Work on Shopify Contact Form

Ivertech Admin — Sat, 25 Apr 2020 08:06:46 GMT

Has your Shopify contact page been bombarded with spam lately? To stop spam posted by bots, one of the options is to add Google reCaptcha on your Contact Us page.

Google currently provides two versions of their reCaptcha: reCaptcha v2 and reCaptcha v3. The difference between these two version is that v2 requires the user to click on the "I am not a robot" check box (Captcha challenge) while v3 does not. ReCaptcha v3 scores your user's traffic based on Google's proprietary algorithm and the site owner gets to determine what actions to take based on the score.

Google reCaptcha v2

There are not that many sites on the Internet that show you how to implement the Google reCaptcha v2 code. If you Google search "Add reCaptcha to Shopify contact form", you will probably find some pages that show you how to first disable the "Send" button by adding a "disable" attribute:

<input type="submit" id="contactFormSubmit" value="Send" class="btn" disabled />

You can then add these lines of Javascript code to enable the "Send" button after the user passes the Captcha challenge:

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer>
</script>

<script>
  var actCallback = function (response) {
    $('#contactFormSubmit').prop("disabled", false);
  };

  var onloadCallback = function () {
    var widget = grecaptcha.render(document.getElementById("re-captcha"), {
      'sitekey' : "123456789", // Sitekey generated from Google reCaptcha
      'theme': "light",
      'callback' : actCallback,
    });
  }
</script>

Here's how it's suppose to look like when implemented:

The code above might have worked fine at one point.

However, Shopify has since implemented their own Google reCaptcha v2 on all contact forms (and there's no option to turn this off). Whenever there are two submissions done from the same IP address within 24 hours, the user will be redirected to a "challenge#contact_form" page to complete the Captcha challenge:

This inteferes with the Javascript code mentioned above and the user will get a "Page not found" error after clicking on the "Send" button:

For Shopify site owners who want to implement Google reCaptcha v2 on their Contact Us page, don't waste your time trying the code above. It will break your page and your customers won't be able to contact you. Moreover, since Shopify already has their own Google reCaptcha v2 built-in, there's really no need for you to do redundant work.

Google reCaptcha v3

What about Google reCaptcha v3? Can we take advantage of this newer version of Google reCaptcha, which doesn't require any interaction from the user and is less intrusive? Shopify site owners have already asked the same exact question on Shopify's Community: Adding Google reCaptcha v3 to the Shopify contact form. It turns out that adding Google reCaptcha v3 is a lot simpler than v2. All you need are these lines of Javascript code:

<script src="https://www.google.com/recaptcha/api.js?render=_reCAPTCHA_site_key"></script>
<script>
grecaptcha.ready(function() {
    grecaptcha.execute('_reCAPTCHA_site_key_', {action: 'homepage'}).then(function(token) {
    });
});
</script>

This is how it's supposed to look like after implementing the code:

There's no button to disable, no Captcha challenge to display. A piece of cake, right? Well, not quite.

It turns out the code doesn't really accomplish anything at all! All it does is displaying the "protected by reCAPTCHA" icon at the lower right corner of the page. There's supposed to be additional server code to retrieve a "score" from Google to figure out what action to take next.

If you go through all 5 pages from the Shopify Community thread above, you will see that the contributors to the thread were quite confused. They thought the Javascript code mentioned above was enough to trigger the "Captcha challenge" for Google reCaptcha v3. They probably didn't realize that there's supposed to be no "Captcha challenge" for Google reCaptcha v3! The user is not suppose to even see any "I'm not a robot" check box.

It's not possible to write additional server code on Shopify to evaluate the "score" from Google and redirect the user to the appropriate page. Shopify simply does not allow this kind of code for security reasons. The whole topic on Adding Google reCaptcha v3 to the Shopify contact form is a waste of time!

The contributors on the thread probably didn't realize that the "Captcha challenge" was actually implemented by Shopify by default:

The "I'm not a robot" check box shows up regardless if the code for Goolge reCaptcha v3 was implemented or not! It's odd that no Shopify Expert has stepped in and guided the lost souls to the right direction. These poor Shopify site owners need to be told that Google reCaptcha v3 will never work on their Contact Us page.

Conclusion

All the code samples that show you how to implement Google reCaptcha v2 or reCaptcha v3 don't really work. Don't waste your time implementing any of them. Since Shopify already has Google reCaptcha v2 built in, there's really no reason for you to implement your own.

But why are you still getting spam from your Contact Us page? It turns out Google reCaptcha is only good at stopping bots from spamming your site. If a human is sending you spam from your Contact Us page, there's nothing Google reCaptcha can do to stop that.

Instead of forking out monthly fee for a Shopify app, you can open a free account at Ivertech Spam Free Contact and copy and paste one line of HTML code to stop spam. Ivertech Spam Free Contact has A.I. (Artificial Intelligence) built in to effectively filter spam, regardless if it's created by bots or humans. It's a lot more efficient than most of the Shopify apps and it doesn't get interfered by the built-in reCaptcha from Shopify.

And best of all, it's free!

How to Install Ivertech Spam Free Contact Code on Shopify

Ivertech Admin — Tue, 14 Apr 2020 10:44:20 GMT

Tired of getting spammed from the Contact Us page at Shopify? Just follow these simple steps below to spam-proof your Contact Us page:

1) Open a free account at Ivertech Spam Free Contact.

2) Create a new contact form and copy the installation code:

3) Log on to your Admin page at Shopify.

4) Go to Online Store, Pages, and click on the "Add page" button:

5) Click on the <> button to show HTML and paste the installation code there:

6) Leave the Template as "page" (not "page.contact") and click on "Save".

7) Click on View Page and you should see a Contact Us page similar to this on Shopify:

8) Here's how to test your contact form.