{"title":"Adding a Contact Form to your Page","id":37019,"link":"https:\/\/env.averta.net\/en\/step\/adding-a-contact-form-to-your-page\/","parent":[37142],"content":"<p>Use <strong>Contact Form<\/strong> shortcode to add a contact form into the content. You can add the contact form shortcode, select your desired type, then fill in its attributes. Available options will be explained below.<\/p>\n<p>It is also possible to use contact form 7 plugin into this element as well. You only need to set its type to cf7, create your form via contact form 7 plugin, then just copy its shortcode on cf7_shortcode attribute.<\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/contact-form.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-37031 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/contact-form.png\" alt=\"contact-form\" width=\"790\" height=\"750\" \/><\/a><\/p>\n<pre class=\"\">[aux_contact_form title=\"Title\" type=\"phlox\" email=\"info@email.net\" extra_classes=\"\"]<\/pre>\n<p style=\"text-align: center;\"><p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To see the demos of <strong>Contact Form<\/strong>, check out <a target=\"_blanck\" href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/contact-form-2\/\" >this link<\/a>.<\/p>\n<table>\n<tbody>\n<tr>\n<th style=\"text-align: center;\">?Option<\/th>\n<th style=\"text-align: center;\">?Default Value<\/th>\n<th style=\"text-align: center;\">?Values and Description<\/th>\n<\/tr>\n<tr>\n<td>title<\/td>\n<td>&#8220;Title&#8221;<\/td>\n<td>You can write a title here.<\/td>\n<\/tr>\n<tr>\n<td>size<\/td>\n<td>&#8220;33&#8221;<\/td>\n<td>Section size is changeable.<\/td>\n<\/tr>\n<tr>\n<td>type<\/td>\n<td>&#8220;phlox&#8221;<\/td>\n<td>&#8220;phlox&#8221;: Phlox Contact Form<\/p>\n<p>&#8220;cf7&#8221;: Contact Form 7 Plugin<\/td>\n<\/tr>\n<tr>\n<td>email<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Write the email address of message&#8217;s recipient.<\/td>\n<\/tr>\n<tr>\n<td>extra_classes<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Add your custom CSS class names here, to style particular content element differently.<\/td>\n<\/tr>\n<tr>\n<td>custom_el_id<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Add your custom id attribute.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","type":"solution"}