JCI-Plugin and Contact Form 7

Contact Form 7 is a very popular WordPress-Plugin for creating forms on a wordpress-page. From Version 3.10 on the JSON Content Importer Plugin is able to insert JSON-data into the fields of a Contact7-Form.

Example-JSON:
{“id”:”214658″}

Challenge:
Inserting the JSON-Datafield id into Contact7-Form.

Step 1 is creating a Contact7-Form:
Like “[text* your-name “json-id is: {{id}}”][submit “Send”]”
The {{id}} is the twig-placeholder for the JSON-data: You can insert any twig-code into the Contact7-Form (as long as the Contact7-syntax is not destroyed).

Step 2 is creating a jsoncontentimporterpro-Shortcode together with the Contact7-shortcode (copypaste it from the Contact7-form-list):
[jsoncontentimporterpro url=”….” parser=twig]twig: {{id}} – Contact7: [contact-form-NO id=”C7NO” title=”twig-example form”][/jsoncontentimporterpro]

Step 3: Change JSON Content Importer Plugin option
By default the jsoncontentimporterpro-Shortcode is evaluated first, and after that the Contact7-shortcode. Then there is no chance to insert JSON-data into Contact7.
Therefore change “Usage of other shortcodes:” in the “settings-tab” of the JSON Content Importer Plugin option to “first third-party-Shortcodes, 2nd: JSONContentImporter-Shortcode”