Dmitry

<p>The plugin allows you to add a feedback form or booking form to the page. The data is sent to the server via AJAX (<em>this can be disabled using the settings and the form will be submitted as usual, with a page reload… but why do you need it?</em>). You can flexibly personalize the form and its fields.</p>
<p>The form is added to a page using the <strong>Gutenberg Custom Blocks</strong> – with these blocks, the possibilities for customizing your form are greatly increased.</p>
<p>You can also add a form to a page using the shortcode <code>[zu-contact]</code> or <code>[zu-booking]</code>.</p>
<h3>Features</h3>
<ul>
<li>Lightweight <code>JS script</code> & <code>CSS</code> (only <strong>4 KB</strong> minified and gzipped)</li>
<li>Includes form blocks for the new <strong>Gutenberg</strong> WordPress block editor</li>
<li>Also supports adding a contact form to any post or page using a shortcode</li>
<li>Form submission via AJAX (<em>configurable by settings</em>)</li>
<li>Data validation on the server</li>
<li>Support for required fields</li>
<li>Responsive layout</li>
<li>Notification of submissions to default admin or custom email addresses</li>
<li>Send a <code>carbon copy</code> of the submitted message (<em>configurable by settings</em>)</li>
<li>Basic <code>SMTP</code> (<em>Simple Mail Transfer Protocol</em>) configuration</li>
<li>Protect submissions from spam with Google <code>reCAPTCHA</code> (<em>configurable by settings</em>)</li>
<li>Automatically checks all submissions against global database of spam (with <a href="https://wordpress.org/plugins/akismet/" rel="ugc">Akismet</a>)</li>
<li>Save messages to the database as comments to a post or page</li>
<li>Compatible with the latest version of WordPress</li>
</ul>
<h3>Gutenberg blocks</h3>
<p>With custom blocks for Gutenberg WordPress editor you can easily create new contact forms and customize them with great flexibility:</p>
<ul>
<li>You can create a form based on templates or from scratch</li>
<li>Add and remove form fields</li>
<li>Change the position of fields, their type and other attributes</li>
<li>Change field labels, placeholders and validation error messages</li>
<li>Add to verification form using Google <code>reCAPTCHA</code></li>
<li>Change the animation of the form loader (used during form submission)</li>
</ul>
<h3>Shortcode attributes</h3>
<p>You can also personalize the form by adding attributes to the shortcode:</p>
<ul>
<li><strong>class</strong> – Change CSS class of form: <code>class="my-contact-form"</code></li>
<li><strong>form</strong> – Select one of preloaded forms: <code>form="contact"</code></li>
<li><strong>subheading</strong> – Change form subheading: <code>subheading="My Contact Form"</code></li>
<li><strong>ajax</strong> – Disable form submission via AJAX: <code>ajax=false</code></li>
<li><strong>recaptcha</strong> – Disable Google reCAPTCHA widget: <code>recaptcha=false</code></li>
<li><strong>rows</strong> – Change rows amount in textarea: <code>rows=12</code></li>
<li><strong>message</strong> – Set predefined form message: <code>message="Thanks for your hard work!"</code></li>
</ul>
<h4>Examples</h4>
<ul>
<li>
<p>With custom subheading and without reCAPTCHA:</p>
<p>[zu-contact subheading=”My Contact Form” recaptcha=false]</p>
</li>
<li>
<p>With custom class, without AJAX and with 8 rows in textarea:</p>
<p>[zu-contact class=”my-contact-form” ajax=false rows=8]</p>
</li>
</ul>


Zu Contact

Simple but smart and modern Ajax contact form. With Form Blocks and Gutenberg based settings page.

Marker.io

<p><a href="https://marker.io/wordpress-website-feedback-plugin?utm_source=wordpress&utm_medium=marketplace" rel="nofollow ugc">Marker.io</a> is the best way for agencies and product teams to collect visual and developer-friendly feedback from colleagues and clients on your WordPress site without driving developers crazy.</p>
<p>Get feedback with screenshots & technical metadata directly into your favorite project management tool.</p>
<p>Say goodbye to messy emails, spreadsheets and powerpoint. There is a better way!</p>
<h4>How it works</h4>
<p><iframe loading="lazy" title="WordPress website feedback plugin by Marker.io" width="750" height="422" src="https://www.youtube.com/embed/0olzu6CkNOI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>With Marker.io, your clients and colleagues can submit their feedback and bug reports directly on your WordPress site.</p>
<p>The feedback widget automatically captures a screenshot that your reporter can annotate to get their point across.</p>
<p>All issues are sent into your favorite project management tool, with all the technical data needed by developers to understand and reproduce issues.</p>
<p>Thanks to our 2-way sync integrations, you can chat and notify status changes to your clients without ever leaving your favorite project management tool.</p>
<h4>Best features</h4>
<ul>
<li><strong>On-site reporting:</strong> Your clients and colleagues don’t need to install anything to send feedback and bug reports.</li>
<li><strong>Screenshot and annotations</strong>: All feedback will include a screenshot of the page that reporters can annotate directly on your site.</li>
<li><strong>Destinations</strong>: Connect your website directly to your favorite issue tracker or project management tool.</li>
<li><strong>Widget customization:</strong> Build your own form and customize the look and feel to match your branding.</li>
<li><strong>Field synchronization:</strong> All your fields from your favorite tools are pulled into your Marker.io forms, even the custom fields.</li>
<li><strong>Responsive and mobile-ready</strong>: Report feedback on any browser and mobile device.</li>
<li><strong>2-way sync integration:</strong> Notify reporters as soon as your team closes an issue inside your favorite project management tool.</li>
<li><strong>Technical metadata:</strong> All issues come with useful developer-friendly data like the page URL, browser version, screen size and more.</li>
<li><strong>Console log recording:</strong> Client-side errors and logs in the console are automatically recorded and added to your issues.</li>
<li><strong>Commenting:</strong> Ask questions, get approvals and chat with clients on individual issues.</li>
<li><strong>Feedback portal:</strong> Give your best clients an overview of all the feedback they have previously reported.</li>
</ul>
<h4>WordPress plugin features</h4>
<ul>
<li><strong>No-code installation:</strong> Install the Marker.io website widget without having to manually embed a snippet code.</li>
<li><strong>WordPress users only</strong>: Activate the feedback widget for every website visitor or limit visibility only to users that are logged in to your WordPress site.</li>
<li><strong>Reporter email and name auto-fill</strong>: Your WordPress user email and name will be automatically populated when reporting issues.</li>
<li><strong>Feedback portal:</strong> Clients can access the feedback they previously reported directly in WordPress.</li>
</ul>
<p>For more information on installation, you can <a href="https://help.marker.io/en/articles/6467575-wordpress-plugin" rel="nofollow ugc">read our guide here</a>.</p>
<h4>2-way sync with your favorite tool</h4>
<p>Connect your WordPress site to your favorite bug tracking and project management tools such as:</p>
<ul>
<li>Asana</li>
<li>Bitbucket</li>
<li>ClickUp</li>
<li>GitHub</li>
<li>GitLab</li>
<li>Jira</li>
<li>Linear</li>
<li>Monday.com</li>
<li>Notion</li>
<li>Shortcut</li>
<li>Slack</li>
<li>Teamwork</li>
<li>Trello</li>
<li>Wrike</li>
</ul>
<h4>What customers are saying</h4>
<p>Marker.io is used by 1500+ product teams and digital agencies. Here is what they say:</p>
<blockquote>
<p><em>“Clients used to send us emails, documents, spreadsheets and even PowerPoints for feedback. Now we just use Marker.io.”</em> – Nathan Monk, Founder at Smile Agency<br />
  <em>“Our developers can now see bugs through the reporters’ eyes, with no information getting lost.”</em> – Monty Kosma, CTO at Darcy Partners</p>
</blockquote>
<h4>Start a free trial</h4>
<p>Anyone can start a 15-day free trial, no credit card needed. You can <a href="https://marker.io/wordpress-website-feedback-plugin?utm_source=wordpress&utm_medium=marketplace" rel="nofollow ugc">start a free trial here</a>.</p>


Marker.io – Visual Website Feedback

I maintain several WordPress websites for multiple clients. And it would be hell to collect my clients' feedback if it wasn't for the Marker.io plugin. All bugs and issues that they report is automatically added to my list of issues on GitLab, along with the page URL, their browser information, a screenshot... It's perfect cause I can just work and tackle them one by one, without annoying my clients with any further questions on their browser version etc.

Love it!

Great plugin to keep your sanity when collecting client feedback

A low friction way to get marker code onto your sites without the need for technical knowledge. 

Another home run from marker!


We've been trying a few variants of products like Marker. Marker is easy to use, works really well, and is competitive in pricing. Plugin works well. We recommend it!


Easy to use and works great


I've used this plugin several times and it makes installing Marker super easy. No coding required :)


Easy Setup

Collect visual website feedback from colleagues and clients on your WordPress site.

Zu Contact vs Marker.io – Visual Website Feedback