Getting the shortcode
From your list of forms (see article on managing your forms), you can see the basic shortcode of each Tripetto form. You can select and copy this code to your clipboard, so you can use it in the next step.
Using the shortcode
In your WP Admin navigate to the position where you want to embed the Tripetto form. In that position add a shortcode block: Click the
Shortcode. A shortcode block will be inserted. In that block you can now paste the shortcode of the Tripetto form. You can now save the draft and test it.
And that's basically it! But there are some options available that you might need to show the form the way you want.
Basic shortcode syntax
The basic syntax is:
[tripetto id="#"], with the
id parameter representing the id (integer) of the Tripetto form.
Inside the shortcode you can use some parameters to determine the implementation of the form in your WP site. The following parameters are available:
id- Id of Tripetto form (required)
You can find the id of each form in the list of Tripetto forms in your WP Admin
mode- Mode of implementation (optional)
width- Width of form container (optional, not available for mode overlay)
height- Height of form container (optional, not available for mode overlay)
An example of a shortcode with all parameters in it:
[tripetto id="5" mode="inline" width="500px" height="600px"]
This example will show Tripetto form with id 5 in an inline rendering with a width of 500 pixels and a height of 600 pixels.