# Utilisation côté FrontOffice du site

Lorsque l'on affiche la page/article sur laquelle le Shortcode simaxFormSubmiter (\[**sfs-form-identification id="1" titre="Contact"**]) est utilisé, ce dernier est automatiquement remplacé par le code HTML du formulaire correspondant.

Sur validation du formulaire à \[Envoyer], l'enregistrement SIMAX est créé (via NOUTOnline) et un message de réussite ou éventuellement d'erreur est affiché selon le cas.

 

Ex. du code HTML d'un formulaire de Contact :

\<table class="nout\_simaxform">

\<tbody>

&#x20;           \<tr>

&#x20;               \<td>\<input type="text" name="id\_123456" placeholder="Nom\*" required/>\</td>

&#x20;               \<td>\<input type="text" name="id\_111111" placeholder="Prénom\*" required/>\</td>

&#x20;           \</tr>

&#x20;           \<tr>

&#x20;               \<td>\<input type="number" name="id\_222222" placeholder="Téléphone\*" required/>\</td>

&#x20;               \<td>\<input type="text" name="id\_333333" placeholder="Société\*" required/>\</td>

&#x20;           \</tr>

&#x20;           \<tr>

&#x20;               \<td colspan="2">

&#x20;                   \<input type="email" name="id\_444444" placeholder="Email\*" required/>

&#x20;               \</td>

&#x20;           \</tr>

&#x20;           \<tr>

&#x20;               \<td colspan="2">

&#x20;                   \<textarea name="id\_555555" rows="6" cols="60" placeholder="Message">\</textarea>

&#x20;               \</td>

&#x20;           \</tr>

&#x20;           \<tr>

&#x20;               \<td class="nofullwidth">

&#x20;                   \<input type="submit" value="Envoyer">

&#x20;               \</td>

&#x20;           \</tr>

&#x20;       \</tbody>

\</table>

<br>

&#x20;Ex. du rendu en FrontOffice (note la présentation du formulaire, dépend du CSS utilisé sur le site)

<figure><img src="/files/EEzMDMBgZips63FuFYN7" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/vC90lriNEvUR3P4F4zBS" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/BKQGh5QV6xJ9EEFTaJgy" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.simax.fr/technique/plugin-wordpress/utilisation-cote-frontoffice-du-site.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.