Si vous souhaitez que les participants accèdent à votre test depuis le site web de votre organisation, vous pouvez facilement ajouter un lien vers le test depuis votre site web. Vous pouvez également intégrer le test dans l’une des pages de votre site web, afin que les participants puissent passer le test en ligne directement sur votre site.
Dans cet article :
Créer un lien vers un test depuis votre site web
Un lien vers votre test SHOEBOX Online peut être facilement ajouté au site web de votre organisation. Pour ce faire, vous pourriez avoir besoin de l’aide du webmaster de votre organisation ; en lui fournissant le lien vers votre test en ligne, il pourra intégrer ce lien dans un bouton ou un titre sur votre site web.
Pour ajouter un lien de test à votre site web
Pour les utilisateurs qui gèrent eux-mêmes leurs services web et qui n’ont pas accès à un webmaster professionnel, cette section met en lumière la procédure pour ajouter votre test en ligne à la page d’accueil de votre site web. Ce processus s’appliquera à la plupart des créateurs de sites tels que WordPress ou Squarespace.
Étape 1 : Créer un bouton
La première chose à faire est de concevoir l’apparence de votre bouton en utilisant la feuille de style en cascade (CSS) de votre site. Si votre site web a déjà des styles de boutons définis dans le CSS, vous pouvez vouloir utiliser l’un des styles existants. Si vous souhaitez utiliser un nouveau style, vous devrez créer un nouvel attribut de classe pour le bouton et définir son apparence. L’exemple ci-dessous est celui utilisé dans notre image de démonstration « Example Company ».
|
font-size: 13px; text-decoration: none; padding: 12px 25px; background: #7469b9; border-radius: 60px; border-bottom: none; color: white; display: inline-block; transition: .3s background ease-out; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.26); |
|---|
Étape 2 : Placer le bouton, ajouter le texte du bouton et le lien
Une fois votre bouton conçu, vous devrez l’ajouter à la page d’accueil à l’endroit que vous jugez le plus approprié. Dans l’exemple ci-dessous, le bouton est codé pour être placé au centre de l’image principale de la page d’accueil, avec le texte « Testez votre audition ! » affiché dans le bouton. Enfin, assurez-vous que le lien vers votre test est intégré dans le bouton en incluant une balise <a> avec l’URL de votre test.
Étape 3 : Prévisualiser et confirmer
Une fois que vous avez créé votre bouton et que vous l'avez ajouté au code HTML de votre site web, vous devez prévisualiser le résultat pour vous assurer qu'il ressemble à ce que vous voulez. Vous trouverez ci-dessous un exemple de notre page d'accueil de démonstration « Example Company » (Exemple d'Entreprise) avec les CSS et HTML susmentionnés.
