Country State City Dropdown PRO

Description

[et_pb_section fb_built=”1″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” text_font=”Roboto||||||||” text_text_color=”#1c1c1c” text_font_size=”15px” header_3_font=”DM Serif Display||||||||” header_3_text_align=”center” header_3_text_color=”#1c1c1c” header_3_font_size=”44px” locked=”off” global_colors_info=”{}”]

Supported Forms

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ use_custom_gutter=”on” gutter_width=”1″ _builder_version=”4.17.4″ _module_preset=”default” width=”100%” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.17.4″ _module_preset=”default” background_enable_color=”off” custom_padding=”50px||50px||true|false” link_option_url=”#cfseven” border_width_right=”1px” border_width_left=”1px” global_colors_info=”{}”][et_pb_image src=”https://staging.trustyplugins.com/wp-content/uploads/2020/11/contact-form-7.png” title_text=”contact-form-7″ _builder_version=”4.16″ _module_preset=”default” max_width=”100px” module_alignment=”center” border_radii=”on|50%|50%|50%|50%” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.16″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#000000″ header_3_font_size=”18px” text_orientation=”center” custom_margin=”30px||||false|false” global_colors_info=”{}”]

Contact Form 7

[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.4″ _module_preset=”default” background_color=”#f7f7f7″ custom_padding=”50px||50px||true|false” link_option_url=”#wpforms” global_colors_info=”{}”][et_pb_image src=”https://staging.trustyplugins.com/wp-content/uploads/2020/11/WP-forms.png” title_text=”WP-forms” _builder_version=”4.16″ _module_preset=”default” max_width=”100px” module_alignment=”center” border_radii=”on|50%|50%|50%|50%” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.16″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#000000″ header_3_font_size=”18px” text_orientation=”center” custom_margin=”30px||||false|false” global_colors_info=”{}”]

WP Forms

[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.4″ _module_preset=”default” background_enable_color=”off” custom_padding=”50px||50px||true|false” link_option_url=”#diviform” border_width_right=”1px” border_width_left=”1px” global_colors_info=”{}”][et_pb_image src=”https://staging.trustyplugins.com/wp-content/uploads/2020/11/Divi.jpg” title_text=”Divi” _builder_version=”4.16″ _module_preset=”default” max_width=”100px” module_alignment=”center” border_radii=”on|50%|50%|50%|50%” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.16″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#000000″ header_3_font_size=”18px” text_orientation=”center” custom_margin=”30px||||false|false” global_colors_info=”{}”]

Divi Contact Form

[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.4″ _module_preset=”default” background_color=”#f7f7f7″ custom_padding=”50px||50px||true|false” link_option_url=”#customform” global_colors_info=”{}”][et_pb_image src=”https://staging.trustyplugins.com/wp-content/uploads/2020/11/custom-form.png” title_text=”custom-form” _builder_version=”4.16″ _module_preset=”default” max_width=”100px” module_alignment=”center” border_radii=”on|50%|50%|50%|50%” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.20.0″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#000000″ header_3_font_size=”18px” text_orientation=”center” custom_margin=”30px||||false|false” global_colors_info=”{}”]

Elementor/Custom HTML/PHP Form/Any Type of Form

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”cfseven” _builder_version=”4.20.2″ _module_preset=”default” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.17.4″ _module_preset=”default” width=”100%” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_code module_id=”contact-form-div-demo” _builder_version=”4.16″ _module_preset=”default” max_width=”450px” module_alignment=”center” global_colors_info=”{}”]

[/et_pb_code][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.17.4″ _module_preset=”default” background_enable_mask_style=”on” background_mask_style=”paint” background_mask_transform=”flip_vertical|invert” background_mask_aspect_ratio=”portrait” global_colors_info=”{}”][et_pb_text module_class=”demo-form-content” _builder_version=”4.20.2″ _module_preset=”default” text_font=”Roboto||||||||” text_text_color=”#1c1c1c” header_3_font=”DM Serif Display||||||||” header_3_text_color=”#1c1c1c” header_3_font_size=”44px” custom_padding=”50px||||false|false” global_colors_info=”{}”]

Contact Form 7

Contact form 7 is most used plugin for contact forms. This example is to add Country State City List dynamically to Contact form 7. On other side you can check it’s demo. We are using Country State City CF7 plugin to achieve this. We used multiple dropdown (Country, State and City) fields to this form.[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”wpforms” _builder_version=”4.17.4″ _module_preset=”default” background_enable_color=”off” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.17.4″ _module_preset=”default” width=”100%” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_class=”demo-form-content” _builder_version=”4.17.4″ _module_preset=”default” text_font=”Roboto||||||||” text_text_color=”#1c1c1c” header_3_font=”DM Serif Display||||||||” header_3_text_color=”#1c1c1c” header_3_font_size=”44px” custom_padding=”60px||||false|false” global_colors_info=”{}”]

WP Forms

WP Forms in one of the best plugin for contact forms. Sometimes user wants to add dynamic list of Country State City in WP Forms. Here in this example we are using WP Form with Country State City Dropdown PRO version.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_code module_id=”contact-form-div-demo” _builder_version=”4.16″ _module_preset=”default” max_width=”450px” module_alignment=”center” global_colors_info=”{}”][wpforms id=”2477″][/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”diviform” _builder_version=”4.17.4″ _module_preset=”default” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.17.4″ _module_preset=”default” width=”100%” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_contact_form module_class=”divi-demo” _builder_version=”4.17.4″ _module_preset=”default” _unique_id=”e8c63e75-c3c6-462b-b157-d275c39168b1″ global_colors_info=”{}”][et_pb_contact_field field_id=”Name” field_title=”Name” _builder_version=”4.16″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][et_pb_contact_field field_id=”Email” field_title=”Email Address” field_type=”email” _builder_version=”4.16″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][et_pb_contact_field field_id=”country” field_title=”Country” field_type=”select” select_options=”%91{%22value%22:%22%22,%22checked%22:0,%22dragID%22:-1}%93″ fullwidth_field=”on” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/et_pb_contact_field][et_pb_contact_field field_id=”state” field_title=”State” field_type=”select” select_options=”%91{%22value%22:%22%22,%22checked%22:0,%22dragID%22:-1}%93″ fullwidth_field=”on” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/et_pb_contact_field][et_pb_contact_field field_id=”City” field_title=”City” field_type=”select” select_options=”%91{%22value%22:%22%22,%22checked%22:0,%22dragID%22:-1}%93″ fullwidth_field=”on” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/et_pb_contact_field][/et_pb_contact_form][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_class=”demo-form-content” _builder_version=”4.17.4″ _module_preset=”default” text_font=”Roboto||||||||” text_text_color=”#1c1c1c” header_3_font=”DM Serif Display||||||||” header_3_text_color=”#1c1c1c” header_3_font_size=”44px” custom_padding=”40px||||false|false” global_colors_info=”{}”]

Divi Contact Module

Divi theme and builder is well know with wordpress. There are tons of sites are built in Divi theme. But there are some limits with their contact form but using Country State City Dropdown PRO you can show dynamic list of all Countries States and cities in Divi Contact form.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”customform” _builder_version=”4.17.4″ _module_preset=”default” background_enable_color=”off” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.17.4″ _module_preset=”default” width=”100%” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_class=”demo-form-content” _builder_version=”4.17.4″ _module_preset=”default” text_font=”Roboto||||||||” text_text_color=”#1c1c1c” header_3_font=”DM Serif Display||||||||” header_3_text_color=”#1c1c1c” header_3_font_size=”42px” custom_padding=”40px||||false|false” global_colors_info=”{}”]

Custom HTML/PHP Form

Sometime we like to use custom contact form for our wordpress website but it’s hard to achieve dynamic state and cities list in this kind of forms. In this example you can see that we are using custom contact form and dynamic list of all countries, states and cities.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_code module_id=”contact-form-div-demo” _builder_version=”4.17.4″ _module_preset=”default” max_width=”450px” module_alignment=”center” global_colors_info=”{}”]

Select Country Select State Select City Select State 2 Select City 2 –>

[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]