Formulário dinâmico

Formulário dinâmico

por | mar 18, 2021 | API

Opção 4: FORMULÁRIO DINÂMICO

Se você quiser algo personalizado esta é a sua melhor opção. Este formulário pode ser customizado da forma que você quiser usando CSS.

Cole os scripts no final de todas as páginas que haverá o formulário. Antes da tag </body>

<script src="https://app.powercrm.com.br/assets/powerlib_person.js"></script>
<script type="text/javascript">function loadPage(){PowerCRM.init([0,'CODIGO-DO-CLIENTE'])}</script>

Cole o código abaixo onde você deseja incluir o formulário.

<div>
<p>Informe abaixo para qual veículo você deseja receber nossa cotação</p>
<div>
<span>Placa</span>
<input type="text" maxlength="7" id="pwrVhclPlts" style="text-transform: uppercase !important;"/>
</div>
<div>
<span>Tipo de veículo<small></small></span>
<select id="pwrVhclTp"></select>
</div>
<div>
<span>Marca do veículo<small></small></span>
<select id="pwrVhclBrnd"><option>Marca</option></select>
</div>
<div>
<span>Ano Modelo<small></small></span>
<select id="pwrVhclVrsn"><option>Ano Modelo</option></select>
</div>
<div>
<span>Modelo<small></small></span>
<select id="pwrVhclMdl"><option>Modelo</option></select>
</div>
<div class="form_input_popup">
<span>Nome<small></small></span>
<input type="text" id="pwrAssocNm" maxlength="256">
</div>
<div class="form_input_popup">
<span>E-mail<small></small></span>
<input type="email" id="pwrAssocEml" maxlength="128">
</div>
<div class="form_input_popup">
<span>Telefone<small></small></span>
<input type="text" id="pwrAssocPhn" maxlength="31">
</div>
<div class="form_input_popup">
<span>Estado<small></small></span>
<select id="pwrStt"></select>
</div>
<div class="form_input_popup">
<span>Cidade<small>*</small></span>
<select id="pwrCty" data-placeholder="Selecione a cidade"></select>
</div>
<div>
<input type="checkbox" style="width: 10% !important;" name="" id="pwrWorkVhcl"> Seu veículo é táxi ou utilizado em aplicativo?
</div>
<button id="pwrActnSnd" style="width: 67%; float: right;">Receber cota&ccedil;&atilde;o</button>
</div>