Question 1

Contacto General

Accepted Answer

<div class="mf-form-shortcode">
		<div
			id="metform-wrap-410-410"
			class="mf-form-wrapper"
			data-form-id="410"
			data-action="https://siamoservicios.com/wp-json/metform/v1/entries/insert/410"
			data-wp-nonce="d17cbc22cb"
			data-form-nonce="ca8fa0634b"
			data-quiz-summery = "false"
			data-save-progress = "false"
			data-form-type="general-form"
			data-stop-vertical-effect=""
			></div>


		

				<script type="text/mf" class="mf-template">
			function controls_data (value){
				let currentWrapper = "mf-response-props-id-410";
				let currentEl = document.getElementById(currentWrapper);
				
				return currentEl ? currentEl.dataset[value] : false
			}


			let is_edit_mode = '' ? true : false;
			let message_position = controls_data('messageposition') || 'top';

			
			let message_successIcon = controls_data('successicon') || '';
			let message_errorIcon = controls_data('erroricon') || '';
			let message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;
			let message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';
			
			let is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;

			
			return html`
				<form
					className="metform-form-content"
					ref=${parent.formContainerRef}
					onSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }
				
					>
			
			
					${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}

					

					<div className="metform-form-main-wrapper" key=${'hide-form-after-submit'} ref=${parent.formRef}>
					${html`
								<div data-elementor-type="wp-post" key="2" data-elementor-id="410" className="elementor elementor-410" data-elementor-post-type="metform-form">
				<div className="elementor-element elementor-element-f0b9019 e-flex e-con-boxed e-con e-parent" data-id="f0b9019" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
					<div className="e-con-inner">
		<div className="elementor-element elementor-element-9f06768 e-con-full e-flex e-con e-child" data-id="9f06768" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
		<div className="elementor-element elementor-element-e6029d0 e-con-full e-flex e-con e-child" data-id="e6029d0" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-5f087c1 elementor-widget elementor-widget-image" data-id="5f087c1" data-element_type="widget" data-widget_type="image.default">
				<div className="elementor-widget-container">
													<img width="512" height="512" src="https://siamoservicios.com/wp-content/uploads/2024/08/mail-icon.svg" className="attachment-large size-large wp-image-398" alt="" />													</div>
				</div>
				</div>
		<div className="elementor-element elementor-element-4ecca04 e-con-full e-flex e-con e-child" data-id="4ecca04" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-9939571 elementor-widget elementor-widget-heading" data-id="9939571" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">Formulario de contacto para:</h3>		</div>
				</div>
				<div className="elementor-element elementor-element-4bba068 elementor-widget elementor-widget-text-editor" data-id="4bba068" data-element_type="widget" data-widget_type="text-editor.default">
				<div className="elementor-widget-container">
							<p>Andrea Martínez<br />info@proservis.com.co</p>						</div>
				</div>
				</div>
				</div>
		<div className="elementor-element elementor-element-279baa8 e-con-full e-flex e-con e-child" data-id="279baa8" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-c9aebb9 elementor-widget elementor-widget-mf-text" data-id="c9aebb9" data-element_type="widget" data-settings="{"mf_input_name":"nombre"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-c9aebb9">
					${ parent.decodeEntities(`Nombre`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-c9aebb9"
				name="nombre"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['nombre'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="nombre"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-21a2322 elementor-widget elementor-widget-mf-text" data-id="21a2322" data-element_type="widget" data-settings="{"mf_input_name":"celular"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-21a2322">
					${ parent.decodeEntities(`Celular`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-21a2322"
				name="celular"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['celular'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="celular"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-3102214 elementor-widget elementor-widget-mf-text" data-id="3102214" data-element_type="widget" data-settings="{"mf_input_name":"correo"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-3102214">
					${ parent.decodeEntities(`Correo`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-3102214"
				name="correo"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['correo'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="correo"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-ff540b7 elementor-widget elementor-widget-mf-textarea" data-id="ff540b7" data-element_type="widget" data-settings="{"mf_input_name":"mensaje"}" data-widget_type="mf-textarea.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-area-ff540b7">
					${ parent.decodeEntities(`Mensaje`) } 					<span className="mf-input-required-indicator"></span>
				</label>
			
			<textarea className="mf-input mf-textarea " id="mf-input-text-area-ff540b7"
				name="mensaje" 
				placeholder="${ parent.decodeEntities(``) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['mensaje'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								></textarea>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mensaje"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-fc3a472 mf-btn--justify elementor-widget elementor-widget-mf-button" data-id="fc3a472" data-element_type="widget" data-widget_type="mf-button.default">
				<div className="elementor-widget-container">
					<div className="mf-btn-wraper " data-mf-form-conditional-logic-requirement="">
							<button type="submit" className="metform-btn metform-submit-btn " id="">
					<span>${ parent.decodeEntities(`Enviar`) } </span>
				</button>
			        </div>
        		</div>
				</div>
				</div>
					</div>
				</div>
				</div>
							`}
					</div>

					${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}
				
				</form>
			`
		</script>

		</div>

Question 2

Contacto Comercial

Accepted Answer

<div class="mf-form-shortcode">
		<div
			id="metform-wrap-439-439"
			class="mf-form-wrapper"
			data-form-id="439"
			data-action="https://siamoservicios.com/wp-json/metform/v1/entries/insert/439"
			data-wp-nonce="d17cbc22cb"
			data-form-nonce="ca8fa0634b"
			data-quiz-summery = "false"
			data-save-progress = "false"
			data-form-type="general-form"
			data-stop-vertical-effect=""
			></div>


		

				<script type="text/mf" class="mf-template">
			function controls_data (value){
				let currentWrapper = "mf-response-props-id-439";
				let currentEl = document.getElementById(currentWrapper);
				
				return currentEl ? currentEl.dataset[value] : false
			}


			let is_edit_mode = '' ? true : false;
			let message_position = controls_data('messageposition') || 'top';

			
			let message_successIcon = controls_data('successicon') || '';
			let message_errorIcon = controls_data('erroricon') || '';
			let message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;
			let message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';
			
			let is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;

			
			return html`
				<form
					className="metform-form-content"
					ref=${parent.formContainerRef}
					onSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }
				
					>
			
			
					${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}

					

					<div className="metform-form-main-wrapper" key=${'hide-form-after-submit'} ref=${parent.formRef}>
					${html`
								<div data-elementor-type="wp-post" key="2" data-elementor-id="439" className="elementor elementor-439" data-elementor-post-type="metform-form">
				<div className="elementor-element elementor-element-0e72ff7 e-flex e-con-boxed e-con e-parent" data-id="0e72ff7" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
					<div className="e-con-inner">
		<div className="elementor-element elementor-element-b75d545 e-con-full e-flex e-con e-child" data-id="b75d545" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
		<div className="elementor-element elementor-element-5f1971c e-con-full e-flex e-con e-child" data-id="5f1971c" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-9dd800e elementor-widget elementor-widget-image" data-id="9dd800e" data-element_type="widget" data-widget_type="image.default">
				<div className="elementor-widget-container">
													<img width="512" height="512" src="https://siamoservicios.com/wp-content/uploads/2024/08/mail-icon.svg" className="attachment-large size-large wp-image-398" alt="" />													</div>
				</div>
				</div>
		<div className="elementor-element elementor-element-61039f4 e-con-full e-flex e-con e-child" data-id="61039f4" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-f1ef7a1 elementor-widget elementor-widget-heading" data-id="f1ef7a1" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">Formulario de contacto para:</h3>		</div>
				</div>
				<div className="elementor-element elementor-element-30a0134 elementor-widget elementor-widget-text-editor" data-id="30a0134" data-element_type="widget" data-widget_type="text-editor.default">
				<div className="elementor-widget-container">
							<p>Vanessa Bedoya<br />lider.comercial@proservis.com.co </p>						</div>
				</div>
				</div>
				</div>
		<div className="elementor-element elementor-element-ec60525 e-con-full e-flex e-con e-child" data-id="ec60525" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-9ea3108 elementor-widget elementor-widget-mf-text" data-id="9ea3108" data-element_type="widget" data-settings="{"mf_input_name":"nombre"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-9ea3108">
					${ parent.decodeEntities(`Nombre`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-9ea3108"
				name="nombre"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['nombre'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="nombre"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-9077dbc elementor-widget elementor-widget-mf-text" data-id="9077dbc" data-element_type="widget" data-settings="{"mf_input_name":"celular"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-9077dbc">
					${ parent.decodeEntities(`Celular`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-9077dbc"
				name="celular"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['celular'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="celular"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-8384ab1 elementor-widget elementor-widget-mf-text" data-id="8384ab1" data-element_type="widget" data-settings="{"mf_input_name":"correo"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-8384ab1">
					${ parent.decodeEntities(`Correo`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-8384ab1"
				name="correo"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['correo'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="correo"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-57dfea8 elementor-widget elementor-widget-mf-textarea" data-id="57dfea8" data-element_type="widget" data-settings="{"mf_input_name":"mensaje"}" data-widget_type="mf-textarea.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-area-57dfea8">
					${ parent.decodeEntities(`Mensaje`) } 					<span className="mf-input-required-indicator"></span>
				</label>
			
			<textarea className="mf-input mf-textarea " id="mf-input-text-area-57dfea8"
				name="mensaje" 
				placeholder="${ parent.decodeEntities(``) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['mensaje'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								></textarea>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mensaje"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-b73708c mf-btn--justify elementor-widget elementor-widget-mf-button" data-id="b73708c" data-element_type="widget" data-widget_type="mf-button.default">
				<div className="elementor-widget-container">
					<div className="mf-btn-wraper " data-mf-form-conditional-logic-requirement="">
							<button type="submit" className="metform-btn metform-submit-btn " id="">
					<span>${ parent.decodeEntities(`Enviar`) } </span>
				</button>
			        </div>
        		</div>
				</div>
				</div>
					</div>
				</div>
				</div>
							`}
					</div>

					${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}
				
				</form>
			`
		</script>

		</div>

Question 3

Contacto Legal

Accepted Answer

<div class="mf-form-shortcode">
		<div
			id="metform-wrap-443-443"
			class="mf-form-wrapper"
			data-form-id="443"
			data-action="https://siamoservicios.com/wp-json/metform/v1/entries/insert/443"
			data-wp-nonce="d17cbc22cb"
			data-form-nonce="ca8fa0634b"
			data-quiz-summery = "false"
			data-save-progress = "false"
			data-form-type="general-form"
			data-stop-vertical-effect=""
			></div>


		

				<script type="text/mf" class="mf-template">
			function controls_data (value){
				let currentWrapper = "mf-response-props-id-443";
				let currentEl = document.getElementById(currentWrapper);
				
				return currentEl ? currentEl.dataset[value] : false
			}


			let is_edit_mode = '' ? true : false;
			let message_position = controls_data('messageposition') || 'top';

			
			let message_successIcon = controls_data('successicon') || '';
			let message_errorIcon = controls_data('erroricon') || '';
			let message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;
			let message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';
			
			let is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;

			
			return html`
				<form
					className="metform-form-content"
					ref=${parent.formContainerRef}
					onSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }
				
					>
			
			
					${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}

					

					<div className="metform-form-main-wrapper" key=${'hide-form-after-submit'} ref=${parent.formRef}>
					${html`
								<div data-elementor-type="wp-post" key="2" data-elementor-id="443" className="elementor elementor-443" data-elementor-post-type="metform-form">
				<div className="elementor-element elementor-element-0a89b3a e-flex e-con-boxed e-con e-parent" data-id="0a89b3a" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
					<div className="e-con-inner">
		<div className="elementor-element elementor-element-71079e3 e-con-full e-flex e-con e-child" data-id="71079e3" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
		<div className="elementor-element elementor-element-ed79092 e-con-full e-flex e-con e-child" data-id="ed79092" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-aa176c6 elementor-widget elementor-widget-image" data-id="aa176c6" data-element_type="widget" data-widget_type="image.default">
				<div className="elementor-widget-container">
													<img width="512" height="512" src="https://siamoservicios.com/wp-content/uploads/2024/08/mail-icon.svg" className="attachment-large size-large wp-image-398" alt="" />													</div>
				</div>
				</div>
		<div className="elementor-element elementor-element-71dbf06 e-con-full e-flex e-con e-child" data-id="71dbf06" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-b4bc32d elementor-widget elementor-widget-heading" data-id="b4bc32d" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">Formulario de contacto para:</h3>		</div>
				</div>
				<div className="elementor-element elementor-element-9aded8b elementor-widget elementor-widget-text-editor" data-id="9aded8b" data-element_type="widget" data-widget_type="text-editor.default">
				<div className="elementor-widget-container">
							<p>Daniela Martínez</p>
<p>director.juridico@proservis.com.co</p>						</div>
				</div>
				</div>
				</div>
		<div className="elementor-element elementor-element-0e5fc04 e-con-full e-flex e-con e-child" data-id="0e5fc04" data-element_type="container" data-settings="{"jet_parallax_layout_list":[]}">
				<div className="elementor-element elementor-element-9a4ac01 elementor-widget elementor-widget-mf-text" data-id="9a4ac01" data-element_type="widget" data-settings="{"mf_input_name":"nombre"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-9a4ac01">
					${ parent.decodeEntities(`Nombre`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-9a4ac01"
				name="nombre"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['nombre'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="nombre"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-5dbb219 elementor-widget elementor-widget-mf-text" data-id="5dbb219" data-element_type="widget" data-settings="{"mf_input_name":"celular"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-5dbb219">
					${ parent.decodeEntities(`Celular`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-5dbb219"
				name="celular"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['celular'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="celular"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-6364874 elementor-widget elementor-widget-mf-text" data-id="6364874" data-element_type="widget" data-settings="{"mf_input_name":"correo"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-6364874">
					${ parent.decodeEntities(`Correo`) } 					<span className="mf-input-required-indicator">*</span>
				</label>
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-6364874"
				name="correo"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['correo'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="correo"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-57f5ecd elementor-widget elementor-widget-mf-textarea" data-id="57f5ecd" data-element_type="widget" data-settings="{"mf_input_name":"mensaje"}" data-widget_type="mf-textarea.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-text-area-57f5ecd">
					${ parent.decodeEntities(`Mensaje`) } 					<span className="mf-input-required-indicator"></span>
				</label>
			
			<textarea className="mf-input mf-textarea " id="mf-input-text-area-57f5ecd"
				name="mensaje" 
				placeholder="${ parent.decodeEntities(``) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['mensaje'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								></textarea>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mensaje"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-f67a6d8 mf-btn--justify elementor-widget elementor-widget-mf-button" data-id="f67a6d8" data-element_type="widget" data-widget_type="mf-button.default">
				<div className="elementor-widget-container">
					<div className="mf-btn-wraper " data-mf-form-conditional-logic-requirement="">
							<button type="submit" className="metform-btn metform-submit-btn " id="">
					<span>${ parent.decodeEntities(`Enviar`) } </span>
				</button>
			        </div>
        		</div>
				</div>
				</div>
					</div>
				</div>
				</div>
							`}
					</div>

					${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}
				
				</form>
			`
		</script>

		</div>

¡Contáctanos!

Eleva tu productividad con nuestra ayuda

¡Contáctanos!

Eleva tu productividad con nuestra ayuda

Learn how we helped 100 top brands gain success