# How to modify mautic form in wordpress

**URL:** <https://forum.mautic.org/t/how-to-modify-mautic-form-in-wordpress/9725>\
**Category:** Product Support\
**Created:** [October 17, 2017, 10:59pm UTC](https://forum.mautic.org/t/how-to-modify-mautic-form-in-wordpress/9725 "2017-10-17T22:59:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![frogers](https://avatars.discourse-cdn.com/v4/letter/f/9de0a6/32.png) [@frogers](https://forum.mautic.org/u/frogers)\
**Post date:** [October 17, 2017, 10:59pm UTC](https://forum.mautic.org/t/how-to-modify-mautic-form-in-wordpress/9725/1 "2017-10-17T22:59:07Z")

</div>

**Background**  
  
To date I have been able to create a form in mautic cloud (free version), install plugin in wordpress, apply a codeblock to a webpage, and insert the [mautic type=“form” id=“1”]. On the form, I created actions to send an email to myself and add the user to a segment. Apparently lists to not exist in free version.  
  
  
  
**Result.**  
  
It worked. The form loads in wordpress, it sends an email, and updates mautic properly. In addition, I noted the following:  
  
  
  
a) the form fields in wordpress kept the theme color, text style, and text color  
  
b) **unfortunately** …the form only presents in a top down linear fashion  
  
c) **unfortunately** …the submit button is not formatted per the wordpress theme  
  
  
  
  
  
**Question/Request for help**  
  
  
  
How do I modify (for example) the formatting to have two columns for Fname, Lname, email, phone, followed by a single column for subject line, message, and submit.  
  
  
  
for example:  
  
  
  
Fname …Lname…  
  
Email…Phone…  
  
Subject line  
  
Message  
  
Submit  
  
  
  
There does not appear to be any configurable way via mautic or wordpress interface to accomplish this task.  
  
  
  
This is very frustrating and I am not a coder by trade.

---

<div class="post-metadata">

**Author:** ![frogers](https://avatars.discourse-cdn.com/v4/letter/f/9de0a6/32.png) [@frogers](https://forum.mautic.org/u/frogers)\
**Post date:** [October 17, 2017, 10:59pm UTC](https://forum.mautic.org/t/how-to-modify-mautic-form-in-wordpress/9725/2 "2017-10-17T22:59:07Z")

</div>

Background  
To date I have been able to create a form in mautic cloud (free version), install plugin in wordpress, apply a codeblock to a webpage, and insert the [mautic type=“form” id=“1”]. On the form, I created actions to send an email to myself and add the user to a segment. Apparently lists to not exist in free version.

Result.  
It worked. The form loads in wordpress, it sends an email, and updates mautic properly. In addition, I noted the following:

a) the form fields in wordpress kept the theme color, text style, and text color  
b) unfortunately…the form only presents in a top down linear fashion  
c) unfortunately…the submit button is not formatted per the wordpress theme

Question/Request for help

How do I modify (for example) the formatting to have two columns for Fname, Lname, email, phone, followed by a single column for subject line, message, and submit.

for example:

Fname …Lname…  
Email…Phone…  
Subject line  
Message  
Submit

There does not appear to be any configurable way via mautic or wordpress interface to accomplish this task.

This is very frustrating and I am not a coder by trade.

---

<div class="post-metadata">

**Author:** ![petertl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/petertl/32/511_2.png) [@petertl](https://forum.mautic.org/u/petertl)\
**Post date:** [October 18, 2017, 5:02am UTC](https://forum.mautic.org/t/how-to-modify-mautic-form-in-wordpress/9725/3 "2017-10-18T05:02:49Z")

</div>

There are several options:

1. You can use “manual copy” of your form HTML and style it manually (without removing the essential content)
2. You can set CSS attributes for each lead field and apply your styling (or at least the references) here
3. You can use a WP form plugin and use WP Mautic Form Integrator to connect it

---

<div class="post-metadata">

**Author:** ![frogers](https://avatars.discourse-cdn.com/v4/letter/f/9de0a6/32.png) [@frogers](https://forum.mautic.org/u/frogers)\
**Post date:** [October 19, 2017, 9:40pm UTC](https://forum.mautic.org/t/how-to-modify-mautic-form-in-wordpress/9725/4 "2017-10-19T21:40:59Z")

</div>

That is very helpful. I think items 2 and 3 could work nicely. Looks like a little coding is in my future.

---

<div class="post-metadata">

**Author:** ![mike-accentdm](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mike-accentdm/32/1178_2.png) [@mike-accentdm](https://forum.mautic.org/u/mike-accentdm)\
**Post date:** [October 19, 2017, 10:54pm UTC](https://forum.mautic.org/t/how-to-modify-mautic-form-in-wordpress/9725/5 "2017-10-19T22:54:01Z")

</div>

If your WordPress theme uses Bootstrap, it’s easy. I just posted this article that may help: [https://accentdm.com/mautic-form-layout-wordpress-bootstrap/](http://example.com)
