Usage

* This addon assumes that you have already setupped a form and Mautic account.

 

This addon creates a jQuery code which connects your c5 to a Mautic.

When you install this addon, you will find a block my_mitsu_mautic. Here is a edit screen for this block.

 

You can connect your c5's form by filling in these information.

firepoint (ID/class) : When the data is sent to mautic. Typically a form's "send message" button.

mautic URL : The url of your Mautic.

Identifier characters after URL : This identifier will be added to your page URL. Typically "#sent", if the contact page url is "http://example.com/contactpage", then the url info sent to mautic will be "http://example.com/contactpage#sent". It's optional.

 

The data sent to the mautic is specified by the ID/class of the form items.

If ID "abc", enter "#abc". If class "def", enter ".def".

Ver.0.9 supports these three items; firstname, lastname, and email.

These areas are optional, blank areas will be ignored and not sent to mautic.

 

 

Setting Sample

supporse your form html is shown below.

<form method="post" action="">
	<label class="control-label" for="Question6">Message</label>
	<textarea name="Question6" class="form-control" id="Question6" cols="50" rows="5"></textarea>
	
	<label class="control-label" for="Question7">Name</label>
	<input name="Question7" id="Question7" class="form-control" type="text" value="" />
	
	<label class="control-label" for="Question8">Email</label>
	<input name="Question8" id="Question8" class="form-control" type="text" value="" />
	
	<input type="submit" name="Submit" class="btn btn-primary" value="Send Message" />
</form>

 

The setting will be:

firepoint (ID/class) : .btn-primary

mautic URL : (your URL)

Identifier characters after URL : #sent (optional)

 

firstname : #Question7

lastname : (blank)

email : #Question8