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="1303a333b3"
			data-form-nonce="74b0b1f74d"
			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>Asuntos generales<br/>info@siamoservicios.com</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="1303a333b3"
			data-form-nonce="74b0b1f74d"
			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</p><p>director.comercial@siamoservicios.com</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="1303a333b3"
			data-form-nonce="74b0b1f74d"
			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>

¡Contactános!

¿Interesado en alguno de nuestros servicios?

¿Interesado en alguno de nuestros servicios?

¡Contactános!

¿Interesado en alguno de nuestros servicios?

¿Interesado en alguno de nuestros servicios?

Learn how we helped 100 top brands gain success