Créer des champs personnalisés avec Simple Custom

Simple Custom vous permet d’ajouter des champs personnalisés dans:

• Société
• Contact
• Projet
• Interaction
• Produit

Ces champs peuvent être de type:

• Texte
• Numérique entier
• Numérique décimale 
• Date
  
• Menu déroulant à choix unique
• Menu déroulant à choix multiple
• Lien vers une fiche Société (idéal pour, par exemple, lier une filiale à une maison mère)
• Lien vers une fiche Contact (idéal pour, par exemple, lier une secrétaire à son responsable)
• Lien vers une fiche Projet
• Lien vers une fiche Interaction
  
• Lien Internet ou Intranet (idéal pour, par exemple, pointer vers du contenu présent dans un autre Système d'Information) Attention pour ces liens, il suffit tout simplement de choisir le type TEXTE et, lorsque vous complétez le champ, de bien faire commencer le lien par HTTP ou HTTPS, afin que le contenu soit reconnu comme un champ lien. 
• Champ calculé, consultez la FAQ
• Champ Mémo
  

Vous pouvez bien entendu réaliser des requêtes sur ces champs.

Créer des champs

La première étape, dans le cas où vous désirez proposer un menu déroulant, il va falloir stocker le contenu du ou des menus.

Imaginons que vous désirez spécifier le secteur d’activité d’une entreprise.

Vous devez aller:

1. Espace d'administration
2. Choisir l'onglet "Gestion des listes"
3. Saisir le nom de la liste
4. Cliquer sur Enregistrer
5. Un nouveau bouton "Eléments de la liste" apparaît: cliquez dessus
6. Saisissez les éléments de la liste et enregistrez

Cette étape réalisée, retournez dans l'espace d'administration et sélectionnez l'onglet "Champs personnalisés", puis sélectionnez l'entité où vous désirez créer des champs:

Il vous suffit ensuite de:

1. Nommer votre champ custom
2. Choisir son type (Texte, Numérique ou Date)
3. De le lier ou non à une liste de menu déroulant
4. De cliquer sur le bouton "Enregistrer" présent en bas de page

Si vous désirez changer l'ordre des champs, il vous suffit de pointer avec votre souris la Référence du champ, de cliquer, puis de réaliser un glisser-déposer.

Réaliser une recherche sur les champs custom

• Aller dans Chercher
• Cliquer sur Recherche avancée

• Passez en Mode Expert
• Puis en bas de la fenêtre réalisez la recherche sur les champs Simple Customs désirés

Supprimer le contenu des champs custom

Lorsque vous modifiez le nom ou le type d'un champ, ou la liste associée au champ, la case à cocher "Suppr. données" située à droite est automatiquement cochée.

Si cette case est cochée, alors les données contenues dans ce champ sont supprimées lorsque vous enregistrez le formulaire.

 

Cela est utile lorsque vous modifiez un champ pour l'affecter à une autre usage. De cette manière, les données contenues dans le champ sont automatiquement supprimées.

 

 

 

 

Un message d'avertissement vous permet d'appliquer vos modifications, y compris la suppression des données des champs dont la case "Suppr. données" est cochée. 

 

 

Si vous ne souhaitez pas supprimer des données de champs custom, cliquez sur Annuler, décochez la case "Suppr. données" de chaque champ, puis cliquez à nouveau sur le bouton "Enregistrer" situé en bas de la liste des champs.

Faire de Chrome mon navigateur par défaut

 La manipulation dépend du périphérique.

Android

1. Sur votre appareil Android, accédez aux paramètres Google en procédant de l'une des façons suivantes (selon l'appareil) :
• Ouvrez l'application Paramètres. Faites défiler l'écran vers le bas, puis sélectionnez Google.
• Ouvrez une application distincte intitulée Paramètres Google Paramètres Google.
2. Appuyez sur Applications.
3. Ouvrez vos applications par défaut :
• Dans l'angle supérieur droit, appuyez sur Paramètres Paramètres. Sous "Par défaut", appuyez sur Navigateur.
• Appuyez sur Paramètres avancés puis Applications par défaut puis Navigateur
4. Appuyez sur Chrome Chrome.

Ordinateur

Windows 10

1. Sur l'ordinateur, cliquez sur le menu Démarrer Menu Démarrer.
2. Cliquez sur Paramètres Paramètres.
3. Ouvrez vos applications par défaut :
• Version originale : Cliquez sur Système puis Applications par défaut.
• Creators Update : Applications puis Applications par défaut.
4. Au bas de l'écran, dans "Navigateur Web", cliquez sur le navigateur actuel (généralement Microsoft Edge).
5. Dans la fenêtre "Choisir une application", cliquez sur Google Chrome.

MAC

1. Sur votre ordinateur, ouvrez Chrome.
2. Dans l'angle supérieur droit, cliquez sur l'icône Plus Plus.
3. Cliquez sur Paramètres.
4. Dans la section "Navigateur par défaut", cliquez sur Définir Google Chrome comme navigateur par défaut.
• Si ce bouton n'est pas affiché, cela signifie que Google Chrome est déjà votre navigateur par défaut.

iPhone / iPad

Ce n'est malheureusement pas possible, le système étant totalement propriétaire d’Apple, il n'est pas possible d'y modifier les préférences, le choix des applications est imposé par Apple.

Comment envoyer une newsletter à tous mes contacts ?

Pour cela, il faut sélectionner tous vos contacts ayant une adresse e-mail.

Allez dans le lanceur d'application -> Big Data Mining -> Mode Expert, puis lancez une requête sur les contacts ayant un @ dans le adresse e-mail.

Il suffit ensuite d'envoyer cette sélection dans le module de newsletter via le bouton MASS MAILING. Voir explication de ce bouton sur: https://www.simple-crm-support.com/2017/12/comment-selectionner-des-contacts-dans.html

Module Telex

Le module TELEX est un module qui va afficher en temps réel la création ou modification d'interactions.

Idéal pour la surveillance d'un centre d'appel, d'une équipe SAV ou encore d'un centre de télésurveillance et d'intervention, le TELEX peut être à la fois utilisé pour surveiller en temps réel les flux de travail, mais aussi pour valoriser l'esprit d'équipe et les réussites.

Le module TELEX est uniquement disponible sur Simple CRM Business+.

Intégrer Simple Form à son site web

 Pour intégrer un formulaire Simple CRM  à votre site web, le plus simple est de passer par un iframe.

Il vous faut donc créer une nouvelle page sur votre site web ou utiliser une page existante et ensuite y déposé le code suivant :

<iframe 

    title="Simple Form"

    id="simpleIframe1"

    width="100%"

    height="900"

    src="LIEN-DU-SIMPLE-FORM">

</iframe>

En remplaçant LIEN-DU-SIMPLE-FORM par l’URL de votre formulaire.

Le plus simple est de demander au webmaster de votre site de le faire.
La façon de procéder dépend de la technologie utilisé pour créé le site.

PLUSIEURS FORMULAIRES

Si vous désirez faire une page multi-formulaire, imaginons une entreprise avec plusieurs commerciaux. Il y a 3 commerciaux dans le code ci-dessous, un lien pour le télécharger se trouve en bas de page :

<head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/><title>Prise de RDV</title>

    <style type="text/css">

        iframe {border: 0px;width: 100%;}

        .simpleForm {display:none;}

        .priseRDV{margin:50px auto;text-align: center;}

        .simpleButton{border:1px solid black;cursor: pointer;}

        .priseRDV .simpleButton{white-space: nowrap;border-color: rgb(0, 0, 0);border-style: solid;border-width: 1px;box-shadow: 1px 1px 6px #555;border-radius: 5px;color: #000;font-size: .875rem!important;-moz-border-radius: 5px;padding: 2px;background-color: white;text-decoration: none;font-family: 'Tahoma', 'Roboto', sans-serif!important;letter-spacing: 0.91px;margin: 10px;}

        .priseRDV .simpleButton.selected{color: white;background-color: #8f8f8f;}

        .priseRDV .simpleButton:hover {background-color: #fff;color: #000;text-decoration: none;border-color: #8f8f8f;border-width: 3px;}

    </style>

</head>

<body>

    <div class="priseRDV">

        <a id="button-1" class="simpleButton selected">COMMERCIAL 1</a>

        <a id="button-2" class="simpleButton">COMMERCIAL 2</a>

        <a id="button-3" class="simpleButton">COMMERCIAL 3</a>

    </div>

    <iframe title="Formulaire 1" id="simpleIframe1" height="800" src="LIEN-FORMULAIRE-1" class="simpleForm" style="display: block;">

    </iframe>

    <iframe title="Formulaire 2" id="simpleIframe2" height="800" src="LIEN-FORMULAIRE-2" class="simpleForm">

    </iframe>

    <iframe title="Formulaire 3" id="simpleIframe3" height="800" src="LIEN-FORMULAIRE-3" class="simpleForm">

    </iframe>

    <script language="JavaScript" type="text/javascript">

        var buttons = document.getElementsByClassName("simpleButton");

        for (var i = 0; i < buttons.length; i++) {

           buttons[i].addEventListener("click", function(e) {

                changeIframe(e);

            }, false);

       }

        function changeIframe(e){

            var divs = document.getElementsByClassName("simpleForm");

            for (var i=0; i < divs.length; i++) {

                display = divs[i].style.display;    

                if(display == 'block' ){

                    divs[i].style.display = "none";

                }

            }

            let id = e.target.id;

            var divs = document.getElementsByClassName("selected");

            for (var i=0; i < divs.length; i++) {

                divs[i].classList.remove("selected");

                

            }

            e.target.classList.add("selected");

            id = id.split("-")[1];

            let iframe = document.getElementById('simpleIframe'+id);

            iframe.style.display = "block";

        }

    </script>

</body>

Le code, sans trop rentré dan le détail, se divise ainsi :

- CSS (règle visuel) :
    se trouve entre  <style type="text/css"> et </style>.
    Va définir à quoi ressemble la page au niveau des couleurs, des espaces, ...

- Boutons (3 ici) :
    Se trouve entre :  <div class="priseRDV"> et </div>.
    Défini 3 buttons qui apparaîtront à l’écran.
    L'id équivaut au formulaire, voir en dessous. 
    Vous pouvez modifier "COMMERCIAL" pour changer le texte du bouton.

- Iframe (3 ici) :
    Toutes les lignes avec iframe.
    Fonctionne comme expliquer au dessus dans l'integration d'un formulaire sur son site.
    Chaque id sera activé par un bouton, exemple simpleIframe2 sera activé par le bouton avec l'id button-2 .
    N'oubliez pas de remplacer LIEN-FORMULAIRE-X par le lien du simple form .

- Script JS :
    se trouve entre  <script language="JavaScript" type="text/javascript"> et </script>
    Contient du code nécessaire au bon fonctionnement de la page.

Si vous désirez une page avec plus ou moins de formulaire, il faut ajouter ou enlever un bouton et un iframe.

Pour enlever sélectionné une ligne de bouton et supprimer la puis supprimer l'iframe correspondant.

Pour ajouter, il faut dupliquer une ligne déjà existante d'un bouton (en la copiant/collant) et la modifier pour être la "nouvelle ligne". Exemple de la ligne à rajouter dans le code ci dessus pour passer à 4 commerciaux :

<a id="button-4" class="simpleButton">COMMERCIAL 4</a>

l'id est button-4 et le texte du bouton est COMMERCIAL 4 car il s'agit du 4ième bouton .

Il faut ensuite faire pareil avec l'iframe et en rajouter un. Exemple dans le code ci dessus.

<iframe title="Formulaire 4" id="simpleIframe4" height="800" src="LIEN-FORMULAIRE-4" class="simpleForm" style="display: block;">

l'id est devenu simpleIframe4 et le tittre Formulaire 4 . Il faudra remplacer LIEN-FORMULAIRE-4 par le lien du formulaire qui doit être ajouter à la page.

Vous pourrez retrouver le code de l'exemple en cliquant ICI

Masquer les modèles d'interaction du menu

Il est possible de ne pas placer des modèles d'interaction dans le menu des RACCOURCIS, afin de l'alléger.

En effet, certains modèles d'interactions n'étant utilisées que dans des modèles de projet, il est sympathique de pouvoir les masquer.

Pour se faire, il suffit d'aller dans la liste des modèles d'interaction (administration CRM -> 5. Modèles d'interactions) et de décocher l'option de présence dans le menu: