<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Création de site - Steffi Lala</title>
	<atom:link href="https://steffilala.fr/category/creation-site/feed/" rel="self" type="application/rss+xml" />
	<link>https://steffilala.fr</link>
	<description>Webdesigner freelance à Montpellier</description>
	<lastBuildDate>Thu, 08 Jan 2026 13:00:49 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://steffilala.fr/wp-content/uploads/2025/11/Logo-Steffi-Lala_monogramme_noir.svg</url>
	<title>Création de site - Steffi Lala</title>
	<link>https://steffilala.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Comment installer WordPress de façon responsable en 3 clics</title>
		<link>https://steffilala.fr/comment-installer-wordpress-infomaniak/</link>
					<comments>https://steffilala.fr/comment-installer-wordpress-infomaniak/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Fri, 28 Mar 2025 17:13:06 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=31846</guid>

					<description><![CDATA[Ça y est, votre choix est fait, vous allez créer votre site avec WordPress (super décision) ! Maintenant, il vous faut choisir un hébergement et trouver comment installer WordPress. Ça tombe bien, je vous explique dans cet article comment faire ça super facilement et de façon éthique ! 🌸 OFFRE EXCLUSIVE : jusqu'au 31 Mai [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Ça y est, votre choix est fait, vous allez <a href="https://steffilala.fr/creer-site-wordpress/">créer votre site avec WordPress</a> (<em>super décision</em>) ! Maintenant, il vous faut choisir un hébergement et trouver comment installer WordPress. Ça tombe bien, je vous explique dans cet article comment faire ça super facilement et de façon éthique !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">🌸 OFFRE EXCLUSIVE : jusqu'au 31 Mai 2025, bénéficiez de -70% pour toute souscription d'une durée de 12 mois pour un <a href="https://www.infomaniak.com/goto/fr/hosting.web?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">hébergement Web</a>* ou un <a href="https://www.infomaniak.com/goto/fr/my-easy-site?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">hébergement WordPress</a>* Infomaniak avec le code WEB70-JP7</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns has-border-color is-layout-flex wp-container-core-columns-is-layout-47f80d4c wp-block-columns-is-layout-flex" style="border-color:#111111;border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color wp-elements-8f6f0d9035812847d538b88730e0fa07 wp-block-paragraph" style="color:#360c44"><strong>Sommaire</strong></p>



<ol class="wp-block-list">
<li><a href="/#pourquoi">Pourquoi choisir Infomaniak pour installer WordPress ?</a>
<ul class="wp-block-list">
<li><a href="/#ethique">Infomaniak : un hébergeur web éthique</a></li>



<li><a href="/#prix">Une solution responsable qui ne coûte pas plus cher</a></li>



<li><a href="/#wordpress">Un hébergement particulièrement adapté pour installer WordPress</a></li>
</ul>
</li>



<li><a href="/#tuto">Comment installer WordPress avec Infomaniak</a></li>
</ol>
</div>
</div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="pourquoi">Pourquoi choisir Infomaniak pour installer WordPress ?</h2>



<p class="wp-block-paragraph">Depuis que je crée des <a href="https://steffilala.fr/site-web-ecologique/">sites web éco-responsables</a>, je choisis et recommande <a href="https://www.infomaniak.com/goto/fr/home?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">Infomaniak</a>*.</p>



<p class="wp-block-paragraph">Selon moi, cet hébergeur correspond au meilleur équilibre entre fiabilité, éthique et service.</p>



<p class="wp-block-paragraph">Le choix de votre hébergeur est très important. Il va impacter la disponibilité de votre site, sa vitesse de chargement et son empreinte environnementale. Des critères aussi importants pour vos futur·es visiteur·ses que pour Google.</p>



<p class="wp-block-paragraph">Vous allez passer beaucoup de temps sur la création de votre site, alors autant faire les bons choix tout de suite et en être aussi fier·e que votre maman le jour où vous avez obtenu votre bac.</p>



<p class="wp-block-paragraph">P.S. : vous ne comprenez rien à ces histoires d'hébergement ? Je vous explique tout par ici : <a href="https://steffilala.fr/hebergement-web-ecologique/" data-type="post" data-id="29662">Hébergement web écologique : tout comprendre facilement</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="ethique">Infomaniak : un hébergeur web éthique</h3>



<p class="wp-block-paragraph">La première raison qui m'a poussée vers Infomaniak, c'est son engagement écologique. Un engagement qui passe notamment par :</p>



<ul class="wp-block-list">
<li>L'utilisation exclusive d'énergie renouvelable</li>



<li>La compensation à 200% de leurs émissions de gaz à effet de serre</li>



<li>Une gestion raisonnée, écologique et moderne de leurs data centers</li>



<li>Une politique RSE poussée</li>



<li>Des achats raisonnés</li>



<li>Une gestion des déchets optimisés</li>



<li>Une transparence totale sur leurs impacts</li>
</ul>



<p class="wp-block-paragraph">Ils sont aussi multiplement (<em>ce mot n'existe pas</em>) certifiés et récompensés pour leurs efforts. Et enfin, ils apportent une attention particulière à la protection des données.</p>



<p class="wp-block-paragraph">Vous pouvez retrouver sur leur site l'ensemble de <a href="https://www.infomaniak.com/fr/ecologie" target="_blank" data-type="link" data-id="https://www.infomaniak.com/fr/ecologie" rel="noreferrer noopener">leurs engagements et certificats</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="prix">Une solution responsable qui ne coûte pas plus cher</h3>



<p class="wp-block-paragraph">Soyons honnête, on a l'habitude que les choix les plus éthiques soient les plus chers (<em>coucou la SNCF</em>).</p>



<p class="wp-block-paragraph">Mais bonne nouvelle, opter pour un hébergeur éco-responsable ne vous coûtera pas plus cher !</p>



<p class="wp-block-paragraph">Voici un comparatif des prix entre Infomaniak et quelques hébergeurs écologiques populaires :</p>



<ul class="wp-block-list">
<li><strong>Infomaniak</strong> : à partir de 5,75€ / mois</li>



<li><strong>O2switch</strong> : à partir de 5€ / mois</li>



<li><strong>Planet Hoster</strong> : à partir de 5€ / mois</li>



<li><strong>Ex2</strong> : à partir de 8€95 / mois</li>
</ul>



<p class="wp-block-paragraph">Attention, ces prix sont les prix d'entrée pour un hébergement WordPress mais tous ne contiennent pas les mêmes caractéristiques. Aussi, le prix ne peut pas être le seul critère d'évaluation : la performance, le support en cas de problème, la disponibilité ou encore les engagements écologiques sont autant de critères qui doivent être comparés. Ce n'est pas le but de cet article mais retenez qu'Infomaniak est l'un des acteurs les plus engagés et que les tarifs ne sont pas plus élevés qu'ailleurs.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="wordpress">Un hébergement particulièrement adapté pour installer WordPress</h3>



<p class="wp-block-paragraph">En optant pour un hébergement Infomaniak pour WordPress, vous bénéficierez de plusieurs avantages :</p>



<ul class="wp-block-list">
<li>Une installation hyper facile et rapide (<em>même si vous n'y connaissez rien à la technique</em>)</li>



<li>L'accès à des thèmes et extensions normalement payantes, dont le populaire thème Divi (<em>qui coûte rien qu'à lui seul 250$</em>)</li>



<li>La migration de votre site offerte et gérée par Infomaniak si votre site est actuellement hébergé ailleurs</li>



<li>Une plateforme intuitive pour faire des trucs qui paraissent compliqué comme mettre à jour la version php de votre site (<em>ça se fait en un clic là aussi !</em>)</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="tuto">Comment installer WordPress avec Infomaniak</h2>



<p class="wp-block-paragraph">Alors maintenant que vous êtes convaincu·es, concrètement, comment installer WordPress avec Infomaniak ?</p>



<p class="wp-block-paragraph">Vous allez voir, ça ne prend que quelques clics !</p>



<p class="wp-block-paragraph"><em>P.S. : pour suivre ce tutoriel, il faut d'abord souscrire à une offre d'hébergement chez Infomaniak. Et<strong> </strong>jusqu'au 31 Mai 2025, vous pouvez bénéficier de -70% pour toute souscription d'une durée de 12 mois pour un <a href="https://www.infomaniak.com/goto/fr/hosting.web?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">hébergement Web</a>* ou un <a href="https://www.infomaniak.com/goto/fr/my-easy-site?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">hébergement WordPress</a>*  Infomaniak avec le code WEB70-JP7</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2025/03/comment-installer-wordpress-1-446x1024.png" alt="Aperçu du menu de l'hebergement web Infomaniak" class="wp-image-31850"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>1- Connectez-vous sur votre manager</strong> : <a href="https://manager.infomaniak.com" target="_blank" rel="noreferrer noopener">manager.infomaniak.com</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>2- Rendez vous dans "Web &amp; Domaines" puis "Site web"</strong> (<em>dans le menu à gauche de la page, cf capture d'écran</em>)</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>3- Cliquez sur le site concerné</strong> (<em>ou sur "ajouter un site" si le site n'est pas encore créé</em>)</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>4- Cliquez sur "Ajouter une application"</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>5- Sélectionnez WordPress puis "Suivant" au bas de la page</strong></p>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>6- Remplir les informations demandées :</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2025/03/comment-installer-wordpress-2-1024x607.png" alt="Aperçu de l'assistant d'installation WordPress d'Infomaniak" class="wp-image-31851"/></figure>
</div>


<ul class="wp-block-list">
<li><strong>Adresse mail de connexion au compte WordPress</strong> : l'email que vous souhaitez utiliser pour gérer votre site WordPress. Vous pourrez le changer plus tard mais assurez-vous que ce soit une adresse que vous pouvez consulter facilement</li>



<li><strong>Identifiants WordPress</strong> : le nom d'utilisateur et le mot de passe que vous souhaitez utiliser pour vous connecter sur votre site WordPress. Attention, l'identifiant est public (<em>vous pouvez aussi changer ça plus tard</em>)</li>
</ul>



<p class="wp-block-paragraph">Puis cochez la case d'acceptation des conditions d'utilisation de WordPress et cliquez sur suivant.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>7- Entrez les informations de configuration :</strong></p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2025/03/comment-installer-wordpress-3-1024x592.png" alt="Aperçu de la configuration d'un site Worpdress via Infomaniak" class="wp-image-31854"/></figure>



<ul class="wp-block-list">
<li>Nom du site (<em>vous pourrez le modifier par la suite</em>)</li>



<li>Langue</li>



<li>Adresse : vous pouvez utiliser directement votre nom de domaine ou bien opter pour une URL temporaire le temps de construire votre site</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2025/03/comment-installer-wordpress-4-1024x617.png" alt="Aperçu du choix du thème Worpdress lors de l'installation via Infomaniak" class="wp-image-31855"/></figure>



<p class="wp-block-paragraph"><strong>8- Choisissez votre thème</strong> : par défaut, on vous propose Divi, un thème très populaire qui inclus un constructeur de site très flexible mais plus lourd, ou le thème par défaut de WordPress, idéal si vous voulez construire votre site avec Gutenberg, le constructeur de site historique de WordPress (<em>plus léger mais légèrement moins flexible que Divi</em>)</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>9- On vous propose ensuite d'installer des extensions premium</strong> incluses dans l'offre Infomaniak : Monarch pour le partage social et Bloom pour l'emailing. Je ne vous conseille pas d'installer ces extensions sauf si vous savez exactement ce que vous allez en faire.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2025/03/comment-installer-wordpress-5-1024x468.png" alt="Message de succès lors de l'installation de WordPress via Infomaniak" class="wp-image-31856"/></figure>



<p class="wp-block-paragraph"><strong>10- Vérifiez toutes les infos puis cliquez sur valider</strong></p>



<p class="wp-block-paragraph">Et voilà, Infomaniak va installer WordPress sur votre site pour vous. Vous pouvez maintenant vous connectez à votre site WordPress depuis Infomaniak ou directement en ajoutant /wp-admin derrière votre nom de domaine ou l'URL de prévisualisation si vous avez fait ce choix à l'étape 7.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Félicitations, vous venez d'installer WordPress sur votre site en 10 petites étapes. Il ne vous reste maintenant plus qu'à créer et personnaliser vos pages, rédiger vos premiers articles et partager le fruit de vos efforts au monde entier 🌈 (<em>oui je sais, "plus qu'à" n'est pas vraiment adapté ici </em>😬)</p>



<p class="wp-block-paragraph">Pour créer vous-même votre site facilement et rapidement, découvrez mon offre de <a href="https://steffilala.fr/themes-wordpress-eco-responsables/">templates de site à personnaliser</a> !</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">🌸 OFFRE EXCLUSIVE : jusqu'au 31 Mai 2025, bénéficiez de -70% pour toute souscription d'une durée de 12 mois pour un <a href="https://www.infomaniak.com/goto/fr/hosting.web?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">hébergement Web</a>* ou un <a href="https://www.infomaniak.com/goto/fr/my-easy-site?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">hébergement WordPress</a>* avec le code WEB70-JP7</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">*<em>lien affilié : je touche une commission si vous achetez via ce lien. Ça ne vous coûte pas plus cher et je ne recommande que des produits et services que j'ai testés et approuvés.</em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/comment-installer-wordpress-infomaniak/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Créer son site sans coder et sans polluer : quel outil choisir ?</title>
		<link>https://steffilala.fr/creer-site-sans-coder/</link>
					<comments>https://steffilala.fr/creer-site-sans-coder/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Fri, 28 Feb 2025 05:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=122</guid>

					<description><![CDATA[Créer son site sans coder, c'est un peu comme votre ex. Au début, vous pensiez ça inaccessible et puis finalement, avec le temps, le mythe s'effondre. Aujourd'hui, il existe une multitude d'outils qui facilitent la création d'un site internet. Vous avez l'embarras du choix. Mais qu'est-ce que je fais si je veux créer mon site [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Créer son site sans coder, c'est un peu comme votre ex. Au début, vous pensiez ça inaccessible et puis finalement, avec le temps, le mythe s'effondre.</p>



<p class="wp-block-paragraph">Aujourd'hui, il existe une multitude d'outils qui facilitent la création d'un site internet. Vous avez l'embarras du choix.</p>



<p class="wp-block-paragraph">Mais qu'est-ce que je fais si je veux créer mon site sans coder (<em>parce que je suis pas développeur·se en fait, et j'ai pas les moyens d'en payer un·e</em>) ET sans polluer ?</p>



<p class="wp-block-paragraph">Spoiler alert : c'est impossible.</p>



<p class="wp-block-paragraph">À partir du moment où vous créez un site web, il aura un impact environnemental. Mais la bonne nouvelle, c'est qu'on peut faire plein de choses pour la limiter. Et notamment, choisir la bonne plateforme pour créer son site.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns has-border-color is-layout-flex wp-container-core-columns-is-layout-47f80d4c wp-block-columns-is-layout-flex" style="border-color:#111111;border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color wp-elements-8f6f0d9035812847d538b88730e0fa07 wp-block-paragraph" style="color:#360c44"><strong>Sommaire</strong></p>



<ol class="wp-block-list">
<li><a href="/#outils">Créer son site sans coder : les outils en lice</a></li>



<li><a href="/#criteres">Les critères de la compétition no code</a>
<ul class="wp-block-list">
<li><a href="/#priseenmain">Prise en main</a></li>



<li><a href="/#cout">Coût</a></li>



<li><a href="/#ecoconception">Éco-responsabilité</a></li>



<li><a href="/#recap">Le récap'</a></li>
</ul>
</li>



<li><a href="/#alternatives">Quid des outsiders : outils no code alternatifs</a></li>



<li><a href="/#wordpress">WordPress, le grand gagnant pour créer son site sans coder</a>
<ul class="wp-block-list">
<li><a href="/#pourquoiwordpress">Pourquoi choisir WordPress ?</a></li>



<li><a href="/#builders">Quel builder choisir pour créer son site sans coder ET sans polluer</a></li>
</ul>
</li>
</ol>
</div>
</div>



<div style="height:100px" aria-hidden="true" id="outils" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Créer son site sans coder : les outils en lice</h2>



<p class="wp-block-paragraph">Des outils de créations de site, il en existe pléthore. Je ne vais évidemment pas TOUS les comparer, ce serait trop long et trop chiant pour tout le monde. Je vais ici comparer les outils dont j'entends le plus parler parmi mon audience et ma clientèle, et qui me semble donc les alternatives les plus envisagées par les entrepreneur·ses.</p>



<p class="wp-block-paragraph">Voici les 4 plateformes no code que nous allons comparer : </p>



<ul class="wp-block-list">
<li><strong>Wix</strong> : aka la plateforme qui a longtemps eu la pire des réputations</li>



<li><strong>Showit</strong> : la plus niche (<em>plateforme préférée des entrepreneur·ses / mentor américaines de type Amy Porterfield</em>)</li>



<li><strong>Squarespace</strong> : l'outsider qui monte (<em>c'est un pléonasme non ?</em>)</li>



<li><strong>WordPress</strong> : le vieux loubard sur qui on peut toujours compter (<em>et qui est utilisé par presque 40% des sites dans le monde</em>)</li>
</ul>



<p class="wp-block-paragraph">Toutes ces plateformes fonctionnent plus ou moins de la même façon. Elles vous proposent de créer un site sans coder grâce au système de drag and drop (<em>ou glisser-déposer</em>) en français.</p>



<p class="wp-block-paragraph">En gros, vous avez des "blocs" prédéfinis (<em>texte, image, bouton, ...</em>) que vous venez "déposer" sur votre page et ensuite personnaliser. Vous pouvez choisir la couleur, la taille, la police, les bordures, ... de chaque bloc, et ainsi construire petit à petit votre site.</p>



<p class="wp-block-paragraph">Elles proposent aussi toutes des templates pour ne pas partir d'une page blanche et gagner un temps fou. Au lieu de partir de zéro et de devoir tout imaginer, vous choisissez un modèle qui vous semble adapté et vous pouvez ensuite le personnaliser avec votre identité visuelle.</p>



<p class="wp-block-paragraph">Bref, il y a, en apparence, aucune difficulté et aucun code.</p>



<p class="wp-block-paragraph">La vérité c'est qu'il y a quand même toujours une courbe d'apprentissage, plus ou moins longue, pour chaque outil. Il faut le temps de trouver où se trouve chaque réglage, comment je peux faire ceci ou cela. C'est normal et inévitable.</p>



<p class="wp-block-paragraph">Et puis bien évidemment qu'il y a du code. C'est juste que c'est la plateforme qui va l'écrire à votre place en fonction de vos réglages des paramètres.</p>



<div style="height:100px" aria-hidden="true" id="criteres" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Les critères de la compétition no code</h2>



<p class="wp-block-paragraph">J'ai choisi de regarder 3 grands critères pour déterminer le champion :</p>



<ul class="wp-block-list">
<li>La facilité de prise en main</li>



<li>L'éco-responsabilité</li>



<li>Le coût</li>
</ul>



<div style="height:50px" aria-hidden="true" id="priseenmain" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Comparatif des interfaces des outils pour créer son site sans coder</h3>



<p class="wp-block-paragraph">Le but du jeu étant de déterminer le meilleur outil pour créer son site sans coder, il va sans dire que la facilité de prise en main est primordiale.</p>



<p class="wp-block-paragraph">Mais en réalité, c'est assez compliqué puisque je vous l'ai dit en introduction, ils fonctionnent tous plus ou moins pareil.</p>



<p class="wp-block-paragraph">Les constructeurs de site, c'est un système de glisser-déposer. Je prends un élément dans un menu à gauche et je le glisse sur ma page web, à l'endroit où je veux le mettre.</p>



<p class="wp-block-paragraph">Ensuite, je viens modifier les réglages de cet élément : couleur, police, taille, bordures, ...</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2025/02/creer-site-sans-coder.jpg" alt="Aperçu de Gutenberg, un outil pour créer son site sans coder" class="wp-image-160"/><figcaption class="wp-element-caption"><em>Inception : voici un aperçu de Gutenberg, l'outil no code de WordPress utilisé pour créer cet article</em></figcaption></figure>
</div>


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Dans la majorité du temps, ça fonctionnera comme ça :</p>



<ol class="wp-block-list">
<li>J'ajoute une section à ma page</li>



<li>J'ajoute des colonnes dans ma section (de 1 à 12 si on respecte les règles du webdesign)</li>



<li>J'ajoute des éléments dans ma ou mes colonne(s)</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2025/02/structure-page-web.jpg" alt="Schéma de la structure d'une page d'un site internet" class="wp-image-159"/><figcaption class="wp-element-caption"><em>La structure d'une page de site internet</em></figcaption></figure>
</div>


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Sur ce point, on peut parfois lire que Showit l'emporte car il permet de mettre les éléments exactement où vous voulez sur la page. Vous n'êtes pas obligé·es de respecter les colonnes par exemple. Si vous voulez un élément entre deux colonnes, c'est faisable facilement.</p>



<p class="wp-block-paragraph">Sauf que cet avantage peut aussi être un désavantage pour moi. </p>



<p class="wp-block-paragraph">Déjà, parce que ça peut vite devenir un casse-tête pour le responsive (le rendu de votre site sur mobile ou tablette). Mais aussi et surtout parce que quand on n'est pas webdesigner·euse, trop de liberté va compliquer vos choix.</p>



<p class="wp-block-paragraph">Et puis les règles du webdesign ont été inventées pour de bonnes raisons : accessibilité, fluidité de la navigation, habitudes des internautes, ... Un bon site web, c'est pas juste un beau site web.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Concernant WordPress, il a la réputation d'être plus compliqué à prendre en main.</p>



<p class="wp-block-paragraph">Je comprends, l'interface n'est pas des plus modernes, mais une fois habitué·e, c'est pas plus compliqué qu'ailleurs.</p>



<p class="wp-block-paragraph">Et surtout, la prise en main va beaucoup dépendre du builder que vous utiliserez.</p>



<p class="wp-block-paragraph">Alors c'est quoi ça ?</p>



<p class="wp-block-paragraph">J'en parle plus bas dans cet article mais rapidement, un builder, c'est un constructeur de site. Sur WordPress, on a plusieurs choix. Il en existe un par défaut (Gutenberg) mais on peut aussi en installer d'autres (Elementor ou Divi étant les plus connus).</p>



<p class="wp-block-paragraph"><a href="/#builder">Rendez-vous plus bas pour en savoir plus</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Un mot rapide aussi sur les templates disponibles et le support, car ça va aussi jouer sur la facilité de prise en main.</p>



<p class="wp-block-paragraph">Globalement, tous les outils pour créer son site sans coder en proposent et je vous conseille de les utiliser pour un rendu bien pro.</p>



<p class="wp-block-paragraph">Pour le support, petit désavantage pour WordPress qui n'en propose pas (car c'est un outil libre, pas une entreprise). Mais il existe sur le web des milliers de forums et des dizaines de groupe d'entraide sur Facebook. Idem, vous aurez une multitude de tutos sur les blogs, Youtube, ... Bref, en cas de souci, on s'en sort toujours.</p>



<div style="height:100px" aria-hidden="true" id="cout" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Le coût</h3>



<p class="wp-block-paragraph">Impossible de ne pas comparer les coûts. Parce qu'en vrai, je sais que c'est un critère important et qu'il peut parfois être décisif.</p>



<p class="wp-block-paragraph">Comme disait ma mère : l'argent ne pousse pas sur le dos.</p>



<p class="wp-block-paragraph">Alors pour vous aider à faire le bon choix, voici un comparatif des coûts des différents outils pour créer son site sans coder.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Combien coûte un site Wix ?</h4>



<p class="wp-block-paragraph">Commençons par une plateforme bien connue, qui déchaîne les passions, j'ai nommé : Wix.</p>



<p class="wp-block-paragraph">Wix n'existe pas en version gratuite.</p>



<p class="wp-block-paragraph">Les forfaits vont de 13,20€ à 178,80€ par mois à l'heure où j'écris ces lignes.</p>



<p class="wp-block-paragraph">Le forfait à 13,20€ par mois est TRÈS limité. Vous aurez peu d'espace de stockage (si vous avez des photos à mettre sur votre site, ça monte vite...), pas de suivi statistique et des fonctionnalités restreintes au minimum. En gros, vous pourrez mettre un formulaire de contact et c'est à peu près tout.</p>



<p class="wp-block-paragraph">C'est un peu ça le piège avec Wix, c'est que plus vous aurez besoin d'espace de stockage ou de fonctionnalités, plus ça vous coûtera.</p>



<p class="wp-block-paragraph">Si on prend le forfait qui me semble le minimum requis pour le site vitrine d'un·e indépendant·e ou d'une petite entreprise, on est déjà à 316,80€ par an.</p>



<p class="wp-block-paragraph">Et le truc avec Wix, c'est que vous êtes coincé·es. Votre site est hébergé sur leurs serveurs et vous ne pourrez pas l'exporter. Techniquement, votre site ne vous appartient pas, il appartient à Wix. Donc si Wix augmente ses prix, c'est soit vous payez, soit vous recommencez à 0 ailleurs.</p>



<p class="wp-block-paragraph">❇️ Retrouvez le <a href="https://fr.wix.com/premium-purchase-plan/dynamo" target="_blank" rel="noreferrer noopener">détail des tarifs de Wix</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Combien coûte un site fait avec Showit ?</h4>



<p class="wp-block-paragraph">Disons-le d'emblée, Showit est une plateforme onéreuse.</p>



<p class="wp-block-paragraph">Le 1er forfait est à 19$ par mois, et vous n'aurez même pas un blog à ce prix là.</p>



<p class="wp-block-paragraph">Et ici aussi, plus vous voudrez de fonctionnalités ou possibilités, plus il faudra payer.</p>



<p class="wp-block-paragraph">Par exemple, les forfaits limitent le nombre de visites sur votre site !</p>



<p class="wp-block-paragraph">Disons que vous souhaitez un site vitrine et un blog, Showit vous coûtera 288$ par an.</p>



<p class="wp-block-paragraph">Avec ce constructeur de site, vous serez un peu moins coincé·es qu'avec Wix. Par exemple, vous pourrez a priori avoir accès aux fichiers sources de votre site. Mais je ne suis même pas sure que vous puissiez les exporter.</p>



<p class="wp-block-paragraph">Là aussi, le site est hébergé sur les serveurs de Showit, donc vous payez presque 300$ par an, et votre site ne vous appartient pas vraiment. Vous serez 100% dépendant·es de Showit.</p>



<p class="wp-block-paragraph">❇️ Retrouvez le <a href="https://showit.com/pricing" target="_blank" rel="noreferrer noopener">détail des tarifs de Showit</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Combien coûte un abonnement Squarespace ?</h4>



<p class="wp-block-paragraph">Pour Squarespace, les forfaits vont de 15€ à 42€ par mois, ce qui en fait un outil moins cher que Wix ou Showit.</p>



<p class="wp-block-paragraph">Sur cette plateforme de création de sites internet, les tarifs évoluent surtout en fonction des outils ecommerce. Donc le forfait à 11€ peut a priori suffire pour un site vitrine.</p>



<p class="wp-block-paragraph">À noter que si vous souhaitez suivre les statistiques de votre site, il faudra basculer sur le forfait à 24€ par mois ou 204€ par an (souvent, les plateformes proposent une réduction si vous payez à l'année).</p>



<p class="wp-block-paragraph">Enfin, tout comme pour Wix et Showit, votre site sera hébergé sur les serveurs de Squarespace et vous resterez donc dépendant·e de la plateforme.</p>



<p class="wp-block-paragraph">❇️ Retrouvez le <a href="https://fr.squarespace.com/tarification?_gl=1*mfm21i*_up*MQ..*_gs*MQ..&amp;gclid=Cj0KCQiAwtu9BhC8ARIsAI9JHamnR_Tz0EwvVjr3xtudo0aSE-EyZG9HlLm2PmxuU6WBi4-F0_RGOREaAvKjEALw_wcB&amp;gclsrc=aw.ds" target="_blank" rel="noreferrer noopener">détail des tarifs Squarepace</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">WordPress est-il vraiment gratuit ?</h4>



<p class="wp-block-paragraph">Vous avez peut-être déjà entendu dire que WordPress était un CMS (=Système de Management de Contenu) gratuit.</p>



<p class="wp-block-paragraph">Et c'est vrai. Mais ça ne veut pas pour autant dire que ça ne vous coûtera rien.</p>



<p class="wp-block-paragraph">Déjà, il faut distinguer WordPress.org de WordPress.com</p>



<p class="wp-block-paragraph">WordPress.com, c'est une entreprise qui propose un peu la même solution que les outils cités juste avant. Vous aurez un outil de création de site web qui vous coûtera en 4€ par mois et 25 000$ par an (ce n'est pas une faute de frappe) et où là encore, plus vous voulez de fonctionnalités, plus vous payez. Pour un truc qui ne vous appartient pas, qui est sur leurs serveurs, tout ça, tout ça.</p>



<p class="wp-block-paragraph">Mais moi, la plateforme dont je veux vraiment vous parler, c'est worpdress.org. Et ça, c'est gratuit.</p>



<p class="wp-block-paragraph">C'est même open source. Ça veut dire que c'est totalement transparent, libre et accessible à tout le monde. Et tout le monde peut en faire ce qu'iel veut.</p>



<p class="wp-block-paragraph">Donc oui, WordPress est gratuit.</p>



<p class="wp-block-paragraph">Mais il y a un mais.</p>



<p class="wp-block-paragraph">Depuis tout à l'heure, je vous dis qu'avec Wix, Squarespace ou Showit, votre site est sur leurs serveurs et ne vous appartient pas vraiment.</p>



<p class="wp-block-paragraph">Et bien si vous voulez utiliser WordPress.org, vous allez avoir besoin d'un serveur. D'un hébergeur. Et ça, ça se paye. Mais la bonne nouvelle, c'est que là, votre site vous appartient vraiment. Et si vous n'êtes plus satisfait·e de votre hébergeur, vous pouvez récupérer votre site et le mettre ailleurs.</p>



<p class="wp-block-paragraph">(si vous souhaitez comprendre un peu mieux comment ça marche, je vous conseille mon article sur l'<a href="https://template.entreprendre-ethique.fr/hebergement-web-ecologique/" rel="noopener">hébergement web responsable</a>)</p>



<p class="wp-block-paragraph">En moyenne, un hébergement + un nom de domaine (l'adresse de votre site), chez un fournisseur de qualité, ça coûte entre 5€ et 10€ par mois pour un·e freelance ou une petite entreprise.</p>



<p class="wp-block-paragraph">❇️ Personnellement, je vous conseille <a href="https://www.infomaniak.com/goto/fr/my-easy-site?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">ce forfait</a>* à 82€ TTC par an chez Infomaniak, un hébergeur éco-responsable</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Ce qui va aussi beaucoup jouer sur le tarif d'un site créé avec WordPress, ce sont les éventuels coûts supplémentaires. Ça peut-être :</p>



<ul class="wp-block-list">
<li>Le prix de la licence pour les constructeurs de site (on en parle plus bas)</li>



<li>Le prix de certaines extensions</li>



<li>Le prix de certains thèmes</li>
</ul>



<p class="wp-block-paragraph">Notez que ces coûts ne seront pas forcément nécessaires et qu'il est tout à fait possible de créer un site vitrine, et même e-commerce sur WordPress, en payant simplement son hébergement et son nom de domaine.</p>



<p class="wp-block-paragraph">Donc pour moi, WordPress reste la solution la plus avantageuse en termes de coût.</p>



<div style="height:100px" aria-hidden="true" id="ecoconception" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">L'éco-responsabilité</h3>



<p class="wp-block-paragraph">Ce comparatif s'appelle "Créer son site sans coder <strong>ET sans polluer</strong>", donc le critère de l'éco-responsabilité est bien sûr très important.</p>



<p class="wp-block-paragraph">Sur ce point, le constat est sans appel : l'avantage va à WordPress.</p>



<p class="wp-block-paragraph">Voici pourquoi :</p>



<ul class="wp-block-list">
<li>WordPress est le seul outil où vous pouvez choisir votre hébergeur. Ce choix représente de 30% à 100% de l'impact de votre site ! Ce critère devrait donc suffire à orienter votre choix si vous vous souciez de l'éthique de votre site web</li>



<li>Le code généré par WordPress est plus "propre". Je vous l'ai dit, vous pouvez créer votre site sans coder parce que les outils vont coder pour vous. Plus il y a de lignes de code, plus le site est lourd et polluant en gros. Sur ce point encore, WordPress l'emporte (même si ça dépend beaucoup du builder). En plus, ce critère est aussi important pour le SEO.</li>



<li>Avec WordPress, vous êtes sûr·e de garder la main. La durabilité d'un site web est très importante en éco-conception. Le site doit pouvoir suivre la vie de l'entreprise facilement. Pour évoluer ou même être supprimé s’il n'a plus lieu d'exister. Avec Wix, Showit ou Squarespace, vous n'êtes pas en contrôle de tout ça. Si le tarif augmente et que c'est trop pour vous, si une fonctionnalité n'existe pas, vous serez coincé·es...</li>
</ul>



<div style="height:100px" aria-hidden="true" id="recap" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Le récap'</h3>



<p class="wp-block-paragraph">Pour vous aider à comparer, voici un tableau récap' :</p>



<figure class="wp-block-table is-style-stripes has-small-font-size"><table class="has-background has-border-color has-fixed-layout" style="background-color:#f7f5f3;border-color:#360c44;border-width:1px"><thead><tr><th>Critères</th><th class="has-text-align-center" data-align="center">Wix</th><th class="has-text-align-center" data-align="center">Showit</th><th class="has-text-align-center" data-align="center">Squarespace</th><th class="has-text-align-center" data-align="center">wordpress.org</th></tr></thead><tbody><tr><td>💸 <strong>Coût</strong></td><td class="has-text-align-center" data-align="center">++</td><td class="has-text-align-center" data-align="center">+++</td><td class="has-text-align-center" data-align="center">++</td><td class="has-text-align-center" data-align="center">+</td></tr><tr><td>🧩 <strong>Votre site vous appartient ?</strong></td><td class="has-text-align-center" data-align="center">Non</td><td class="has-text-align-center" data-align="center">Non</td><td class="has-text-align-center" data-align="center">Non</td><td class="has-text-align-center" data-align="center">Oui</td></tr><tr><td>🌸 <strong>Prise en main</strong></td><td class="has-text-align-center" data-align="center">Classique</td><td class="has-text-align-center" data-align="center">Classique</td><td class="has-text-align-center" data-align="center">Classique</td><td class="has-text-align-center" data-align="center">Dépend du builder</td></tr><tr><td>🌈 <strong>Templates</strong></td><td class="has-text-align-center" data-align="center"></td><td class="has-text-align-center" data-align="center"></td><td class="has-text-align-center" data-align="center"></td><td class="has-text-align-center" data-align="center">Incalculable</td></tr><tr><td>💜 <strong>Support</strong></td><td class="has-text-align-center" data-align="center">Plus vous payez, mieux c'est</td><td class="has-text-align-center" data-align="center">Oui mais en anglais</td><td class="has-text-align-center" data-align="center">Oui</td><td class="has-text-align-center" data-align="center">Non (forum ou groupe d'entraide) sauf si votre builder en propose</td></tr><tr><td>🌱 <strong>Éco-responsabilité</strong></td><td class="has-text-align-center" data-align="center">Peu de marge de manoeuvre</td><td class="has-text-align-center" data-align="center">Peu de marge de manoeuvre</td><td class="has-text-align-center" data-align="center">Peu de marge de manoeuvre</td><td class="has-text-align-center" data-align="center">Possible avec les bonnes pratiques</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Je ne sais pas pour vous, mais pour moi, le choix est vite fait : c'est WordPress 💜</p>



<div style="height:100px" aria-hidden="true" id="alternatives" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Quid des outils no code alternatifs</h2>



<p class="wp-block-paragraph">Avant de vous livrer le comparatif final et le meilleur choix selon moi, je voulais vous parler des outils "alternatifs" pour créer son site sans coder.</p>



<p class="wp-block-paragraph">Je vois de plus en plus de personnes utiliser Canva et surtout Notion pour créer leur site internet.</p>



<p class="wp-block-paragraph">Alors qu'est-ce qu'on en pense ?</p>



<p class="wp-block-paragraph">D'un point de vue facilité de prise en main et coût, ces outils peuvent sembler être une excellente alternative. Mais pour un petit temps seulement... </p>



<p class="wp-block-paragraph">Déjà, parce qu'un site créé sur Notion ou Canva, ben ça se voit. Et c'est pas hyper pro. Mais ça dépanne au début donc pourquoi pas.</p>



<p class="wp-block-paragraph">Le truc, c'est que ces outils vont présenter les mêmes limites (voire pire) que Wix, Showit ou Squarespace : dépendance à la plateforme, fonctionnalités limitées, pas de possibilité de choisir son hébergeur...</p>



<p class="wp-block-paragraph">Donc si vous avez besoin d'une solution facile et rapide, pourquoi pas. Mais selon moi, ça doit rester temporaire car ce n'est pas durable. Dans tous les sens du terme.</p>



<div style="height:100px" aria-hidden="true" id="wordpress" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">WordPress : le meilleur choix pour créer son site sans coder</h2>



<div style="height:50px" aria-hidden="true" id="pourquoiwordpress" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Pourquoi choisir WordPress pour un site no code ?</h3>



<p class="wp-block-paragraph">Vous l'aurez compris, pour moi, le meilleur choix pour créer son site sans coder et sans polluer, c'est WordPress.</p>



<p class="wp-block-paragraph">En termes de coût, ce sera très souvent l'alternative la moins chère, même si vous devez payer des extensions pour certaines fonctionnalités. Et dans la majorité des cas, vous n'en aurez pas besoin.</p>



<p class="wp-block-paragraph">En termes de prise en main, même si ça peut paraître intimidant au début, on s'y fait vite. Et surtout, il existe tellement de tutoriels pour s'en sortir ! Avec les bons outils et les bonnes méthodes, créer un site avec WordPress, c'est facile.</p>



<p class="wp-block-paragraph">Et enfin, pour l'éco-conception web, WordPress est le meilleur choix en no code. C'est le seul avec lequel vous aurez assez la main pour vraiment optimiser les choses.</p>



<p class="wp-block-paragraph">D'ailleurs, si le référencement est important pour vous, WordPress devrait vous intéresser particulièrement. En effet, les bonnes pratiques de l'éco-conception web et les bonnes pratiques de référencement sont très similaires.</p>



<p class="wp-block-paragraph">❇️ Retrouvez sur le site de Green IT les <a href="https://ref.greenit.fr/wp/fiches/" target="_blank" rel="noreferrer noopener">bonnes pratiques pour éco-concevoir avec WordPress</a></p>



<div style="height:100px" aria-hidden="true" id="builders" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Quel builder choisir pour créer son site sans coder et sans polluer ?</h3>



<p class="wp-block-paragraph">L'un des critères les plus importants pour l'éco-conception avec WordPress, c'est le builder utilisé.</p>



<p class="wp-block-paragraph">Un builder, c'est un constructeur de site, qui va grandement faciliter la création du site sans coder. En gros, c'est ce qui va permettre de donner à WordPress une interface qui ressemble beaucoup aux interfaces de Wix, Squarespace ou Showit par exemple. De plus, les builders proposent pour la plupart de nombreux templates pour ne pas partir de zéro.</p>



<p class="wp-block-paragraph">Voici un rapide comparatif pour vous aider à faire le bon choix.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Elementor / Divi</h4>



<p class="wp-block-paragraph"><a href="https://elementor.com/" target="_blank" rel="noreferrer noopener">Elementor</a> et <a href="https://www.elegantthemes.com/gallery/divi/" target="_blank" rel="noreferrer noopener">Divi</a> sont les deux builder les plus populaires sur WordPress.</p>



<p class="wp-block-paragraph">Ils permettent de faire énormément de choses très facilement, ce qui explique leur succès.</p>



<p class="wp-block-paragraph">Le problème, c'est qu'ils pèsent lourd dans leur installation et qu'ils génèrent beaucoup de code inutile. Alors il est possible de faire en sorte de "nettoyer" tout ça, mais ça reste quand même une solution moins efficace que les deux dont je vous parle juste après.</p>



<p class="wp-block-paragraph">Concernant le choix entre les deux, c'est difficile de trancher objectivement. Dans la communauté WordPress, il est "mieux vu" d'utiliser Elementor. Je pense que c'est dû au fait que pendant longtemps, Divi était moins efficace et très bugué. Mais ce n'est plus le cas depuis des années.</p>



<p class="wp-block-paragraph">Selon moi, les deux sont équivalents. Ma préférence va à Divi car je le trouve plus facile à utiliser et j'obtiens de meilleures performances techniques sur mes sites. Mais vous trouverez forcément quelqu'un pour vous dire le contraire 🤷🏻‍♀️</p>



<p class="wp-block-paragraph">💸 <strong>Tarifs Elementor</strong> : il existe une version gratuite mais limitée. Sinon c'est de 60€ par mois pour un site à 399€ par an pour 1000 sites.</p>



<p class="wp-block-paragraph">💸 <strong>Tarifs Divi</strong> : 89$ par an ou 249$ pour une licence à vie (pour un nombre de sites illimité)</p>



<p class="wp-block-paragraph"><strong>Bon à savoir</strong> : certains hébergeurs offrent la licence dans leurs offres. Par exemple, Infomaniak offre la licence Divi avec <a href="https://www.infomaniak.com/goto/fr/my-easy-site?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">son offre d'hébergement WordPress</a>*</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Oxygen</h4>



<p class="wp-block-paragraph"><a href="https://oxygenbuilder.com/" target="_blank" rel="noreferrer noopener">Oxygen</a> est un outsider qui gagnerait à être connu selon moi.</p>



<p class="wp-block-paragraph">Ce builder est léger et produit un code très propre. Les sites créés avec Oxygen obtiennent d'excellentes performances techniques et c'est donc un très bon choix pour l'éco-conception.</p>



<p class="wp-block-paragraph">En plus, il offre une liberté totale dans la construction du site, on peut vraiment faire tout ce qu'on veut, en respectant les règles du design web.</p>



<p class="wp-block-paragraph">Son inconvénient principal, il est un peu plus technique dans le vocabulaire employé, donc moins accessible aux débutant·es.</p>



<p class="wp-block-paragraph">Par exemple, pour centrer un élément, ce ne sera pas écrit "centré", mais plutôt "align-items" : center. Il utilise du langage CSS (un langage de "code") donc si vous n'en avez jamais entendu parler, ça peut être compliqué.</p>



<p class="wp-block-paragraph">Mais je me devais de le mentionner parce que si vous avez des notions de code ou si la courbe d'apprentissage ne vous fait pas peur, c'est une super alternative.</p>



<p class="wp-block-paragraph">💸 <strong>Tarifs Oxygen</strong> : de 129$ à 179$ pour une licence à vie (nombre de sites illimité)</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Gutenberg</h4>



<p class="wp-block-paragraph">Gutenberg, c'est le builder par défaut de WordPress.</p>



<p class="wp-block-paragraph">Il a longtemps été très limité. Genre, on ne pouvait pas faire de colonnes ou changer la couleur de la police sans coder.</p>



<p class="wp-block-paragraph">Mais ces dernières années, ça a ÉNORMÉMENT changé. Aujourd'hui, il est tout à fait possible de créer un site digne de ce nom en utilisant Gutenberg et sans coder.</p>



<p class="wp-block-paragraph">Les équipes de WordPress ont clairement la volonté de poursuivre dans cette voie et de devenir une vraie alternative à Divi et Elementor. Et c'est une super nouvelle car Gutenberg est un constructeur léger et même recommandé par le Green IT pour l'éco-conception sur WordPress.</p>



<p class="wp-block-paragraph">Alors pour créer votre site sans coder et sans polluer, donnez une chance à Gutenberg avant de vous ruer sur Elementor !</p>



<p class="wp-block-paragraph">💸 <strong>Tarifs Gutenberg</strong> : gratuit !</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">C'est la fin de ce long comparatif. Le résultat est très clair. <strong>Pour éco-concevoir votre site sans coder, le meilleur outil est WordPress, avec le builder natif Gutenberg</strong>. Si vous être un profil un peu plus technique et que vous souhaitez plus de flexibilité, Oxygen sera une bonne alternative également. Mais une chose est sûre : Wix, Squarespace ou Showit sont à bannir.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>*Les liens marqués d'une étoile sont des liens affiliés. Je touche une commission si vous achetez via ce lien. Ça ne vous coûte pas plus cher et je ne recommande que des produits et services testés et approuvés.</em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/creer-site-sans-coder/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Template WordPress : comment le choisir ?</title>
		<link>https://steffilala.fr/template-wordpress-comment-choisir/</link>
					<comments>https://steffilala.fr/template-wordpress-comment-choisir/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 05 Oct 2023 04:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<category><![CDATA[podcast]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=31328</guid>

					<description><![CDATA[Vous avez décidé de créer votre site WordPress ? Félicitations pour ce choix judicieux ! Vous vous demandez maintenant quel template WordPress choisir ? Réponse dans cet article ! Vous pouvez aussi écouter cet article : Qu’est-ce qu’un template WordPress ? Les thèmes du catalogue officiel Avant toute chose, qu’est-ce qu’un template WordPress ? On [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Vous avez décidé de créer votre site WordPress ? Félicitations pour ce choix judicieux ! Vous vous demandez maintenant quel template WordPress choisir ? Réponse dans cet article !</p>



<p class="wp-block-paragraph"><em>Vous pouvez aussi écouter cet article :</em></p>



<iframe name="Ausha Podcast Player" frameborder="0" loading="lazy" id="ausha-EJUv" height="220" style="border: none; width:100%; height:220px" src="https://player.ausha.co/?showId=BqNN6f1aMYYJ&color=%239e6b83&podcastId=BxxW8F97Oez9&v=3&playerId=ausha-EJUv"></iframe><script src="https://player.ausha.co/ausha-player.js"></script>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Qu’est-ce qu’un template WordPress ?</h2>



<h3 class="wp-block-heading">Les thèmes du catalogue officiel</h3>



<p class="wp-block-paragraph">Avant toute chose, qu’est-ce qu’un template WordPress ?</p>



<p class="wp-block-paragraph">On les appelle aussi thèmes, et ce sont tout simplement des modèles, des structures de sites web prêts à l’emploi.</p>



<p class="wp-block-paragraph">Il en existe des milliers, ce qui peut rendre le choix difficile. Généralement, on connaît les thèmes WordPress du catalogue officiel (<em>celui qui est présent dans le menu Apparence, Thèmes de WordPress</em>), mais on peut aussi en acheter sur des plateformes externes comme <a href="https://themeforest.net/" target="_blank" rel="noreferrer noopener">ThemeForest</a> ou <a href="https://creativemarket.com/templates-themes/website-app/wordpress" target="_blank" rel="noreferrer noopener">Creative Market</a>.</p>



<p class="wp-block-paragraph">Ces templates WordPress là vont généralement principalement définir l’apparence du header (<em>en-tête du site</em>) et du footer (<em>pied de page du site</em>). Mais selon les thèmes, ça peut agir sur d’autres éléments. C’est là aussi la difficulté : avant de l’installer, difficile de savoir. Généralement, les images de présentation de ces thèmes sont des sites qui ont été modifiés à l’aide de code, et si vous installez le thème sur votre site, vous n’aurez pas du tout le même résultat !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les templates WordPress des constructeurs de site</h3>



<p class="wp-block-paragraph">Mais il existe une autre catégorie de templates WordPress : ceux des constructeurs de site. Les plus connus sont Elementor et Divi, et ce sont des thèmes et/ou des extensions qui permettent de bénéficier d’un constructeur de page trèèès facile à prendre en main, qui fonctionne un peu comme Canva.</p>



<p class="wp-block-paragraph">Plus du tout besoin de savoir coder pour personnaliser l’apparence des pages !</p>



<p class="wp-block-paragraph">Et ces constructeurs de site proposent également des templates ! Là aussi, il y a le catalogue officiel, mais d’autres templates sont disponibles à l’achat sur certains sites (<em>sur mon site par exemple, je vends des <a href="https://steffilala.fr/themes-wordpress-eco-responsables/">templates de site éco-responsables sur Divi</a></em>).</p>



<p class="wp-block-paragraph">Le gros avantage c’est que pour ce genre de templates WordPress, ce que vous voyez sur l’image de présentation est vraiment ce que vous obtiendrez sur votre site.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Pourquoi utiliser un template wordpress pour mon site ?</h2>



<p class="wp-block-paragraph">Quand on crée un site WordPress, on est obligé·es d’utiliser un thème.</p>



<p class="wp-block-paragraph">On peut opter pour un thème très simple, et coder le site de A à Z. Ça fonctionne, si on sait le faire !</p>



<p class="wp-block-paragraph">Mais si la création de site web n’est pas notre métier, utiliser un bon template présente de noooombreux avantages. Entre autres :</p>



<ul class="wp-block-list">
<li><strong>Gagner du temps</strong> : la structure est faite, il n’y a qu’à remplir et personnaliser.</li>



<li><strong>Avoir un site bien pensé</strong> : la création de sites web, ce n’est pas que de la technique. C’est aussi et surtout, définir une stratégie pour que le site apporte les résultats qu’on en espère. En optant pour un bon template WordPress, vous optez pour un site qui a été pensé de façon stratégique par une personne dont c’est le métier.</li>



<li><strong>Avoir un site esthétique</strong> : c’est souvent pour ça qu’on choisit un template. Parce qu’on veut un beau site. La majorité des templates WordPress sont créés par des webdesigners et webdesigneuses professionnel·les. C’est donc l’assurance d’avoir un design agréable, cohérent et adapté au web.</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Comment choisir son template WordPress ?</h2>



<p class="wp-block-paragraph">Alors maintenant, comment choisir son template WordPress parmi la muuuultitude de choix possibles ?</p>



<p class="wp-block-paragraph">Voici selon moi les critères les plus importants :</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">La plateforme sur laquelle le template a été créé</h3>



<p class="wp-block-paragraph">Critères n°1 pour moi : avec quoi le template a-t-il été créé ?</p>



<p class="wp-block-paragraph">C’est extrêmement important parce que c’est ce que vous allez devoir utiliser pour créer et modifier votre site tout au long de sa vie. Si c’est trop compliqué ou pas adapté, vous risquez de laisser votre site à l’abandon ou presque, parce que chaque fois qu’il faudra y toucher, vous aurez peur d’y passer trop de temps ou de tout casser… Résultat, vous allez procrastiner et votre site ne servira pas votre entreprise comme il le devrait…</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Le niveau de support / explications</h3>



<p class="wp-block-paragraph">Avoir un beau template WordPress, c’est bien. Mais si vous ne savez pas comment l’installer, le modifier et le personnaliser, ça ne sert à rien…</p>



<p class="wp-block-paragraph">Aussi, en fonction de vos compétences, regardez bien la documentation qui est fournie avec le template. Si vous n’avez jamais créé de site ou utiliser le constructeur de site du template, c’est d’autant plus important !</p>



<p class="wp-block-paragraph">Idem pour le support. Qu’est-ce qu’il se passe si jamais vous rencontrez un problème ? Si vous n’arrivez pas à faire quelque chose ? Allez-vous être bloqué·e ? Ou est-ce que quelqu’un sera disponible pour vous aider ?</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les pages présentes</h3>



<p class="wp-block-paragraph">3e critère que l’on peut regarder, quelles pages sont disponibles dans le template ?</p>



<p class="wp-block-paragraph">Est-ce que c’est un template qui donnera simplement l’apparence de l’en-tête et du pied de page ? Dans ce cas, il n’y aura généralement pas de modèle de page, donc là pas de question à se poser, il faudra tout construire vous-même.</p>



<p class="wp-block-paragraph">Mais pour les templates Divi ou Elementor par exemple, vous aurez différentes pages disponibles selon le modèle. Alors bien sûr, ce sera difficile de trouver le template qui correspond exactement à vos besoins. Mais ne perdons pas de vue l’objectif : ne pas passer 4528 heures sur la création de son site ! Donc au plus les pages présentes correspondront à ce dont vous avez besoin, au plus facile et rapide ce sera ! Par exemple, si vous voulez créer un site avec une partie e-commerce, mais que dans le template qui vous fait de l’oeil il n’y a pas de page boutique, produit ou panier, ça veut dire que vous devrez les construire avec vos petites mimines…</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">La structure des pages :</h3>



<p class="wp-block-paragraph">Dans la même idée, il est important de regarder la structure des pages en elles-mêmes. Comment elles sont construites ? Quelles sont les sections, les mises en pages ? Et est-ce que ça correspond à peu près à ce que vous souhaitez ? Est-ce que ce sera facile de l’adapter à votre contenu.</p>



<p class="wp-block-paragraph">Encore une fois, l’un des intérêts d’utiliser un template WordPress, c’est de gagner du temps ! Alors si vous choisissez un truc où il vous faudra à chaque page réinventer la poudre pour que ça s’adapte à votre site, on perd l’intérêt… Et vous risquez franchement de vous arracher les cheveux !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">L’esthétique :</h3>



<p class="wp-block-paragraph">Et enfin dernier critère, l’esthétique.</p>



<p class="wp-block-paragraph">Et je le mets volontairement en dernier parce que pour moi, c’est vraiment le dernier des critères.</p>



<p class="wp-block-paragraph">C’est une erreur que je vois trop souvent quand les personnes choisissent un template WordPress : tout miser sur l’esthétique.</p>



<p class="wp-block-paragraph">Et je ne blâme personne ! Moi-même, la première fois que j’ai choisi un thème WordPress, j’ai pris celui que je trouvais le plus beau. Je l’ai installé et là, mon site ne ressemblait pas du tout aux images. Ben oui, pour obtenir le même résultat que sur les photos, il fallait coder. Et moi je savais pas coder. Donc j’ai perdu mon temps. Et j’aurais pu perdre mon argent si j’avais payé pour ce thème.</p>



<p class="wp-block-paragraph">N’oubliez pas qu’avant d’être beau, un site doit surtout être utile et pertinent.</p>



<p class="wp-block-paragraph">Combien de fois je vois des sites magnifiques, mais sur lesquels je ne trouve pas l’info que je cherche… Ou bien où il y a plein de bug… Ou encore des sites pas pratiques, trop compliqué… Clairement, ça ne donne pas envie d’aller plus loin.</p>



<p class="wp-block-paragraph">Donc un site beau, mais inutile, c’est contre-productif.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Bonus : optez pour un template WordPress éco-responsable !</h2>



<p class="wp-block-paragraph">Maintenant imaginez qu’à ces critères, vous en rajoutiez un important pour vous : le fait que le template WordPress soit éco-conçu. Qu’il soit pensé pour minimiser l’impact environnemental de votre site.</p>



<p class="wp-block-paragraph">Très clairement, l’offre sera très limitée. Aujourd’hui, pour avoir un site éco-conçu, c’est soit on sait faire soi-même, soit on délègue.</p>



<p class="wp-block-paragraph">J’ai donc décidé de remédier à ça, en créant une offre d’entre deux : <strong>des templates WordPress éco-responsables</strong>.</p>



<p class="wp-block-paragraph">Le principe : ce sont des templates WordPress éco-conçus que j’ai créés avec le constructeur de site Divi, pour que ce soit facile à prendre en main et à personnaliser.</p>



<p class="wp-block-paragraph">Les templates sont accompagnés de <strong>tutoriels vidéos qui vous montrent tout de A à Z</strong>, de l’achat de votre nom de domaine, à l’installation et la personnalisation du template.</p>



<p class="wp-block-paragraph">En bonus, <strong>un support par email de 3 mois</strong> pour que vous ne soyez jamais bloqué·e seul·e face à votre écran et votre désarroi, et que vous soyez sûr·es de le sortir, ce site auquel vous pensez depuis des mois.</p>



<p class="wp-block-paragraph"><strong><a href="https://steffilala.fr/themes-wordpress-eco-responsables/">Une collection est déjà en ligne</a></strong>, et de nouveaux modèles sortent régulièrement. Pour être prévenu·es des nouveautés, vous pouvez <a href="https://steffilala.fr/themes-liste-attente/">vous inscrire à la liste d’attente</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Voilà, vous savez maintenant tout ce qu’il faut savoir pour bien choisir votre template WordPress. Clairement, ce choix est déterminant pour la suite de votre projet de site web, car c’est ça qui déterminera la facilité et la rapidité de la construction de votre site ! Mais aussi sa pertinence et son utilité à la fin.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/10/template-wordpress-1-683x1024.jpg" alt="Épingle Pinterest : Template WordPress, 5 critères pour faire le bon choix" class="wp-image-31331"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/10/template-wordpress-2-683x1024.jpg" alt="Épingle Pinterest : 5 critères pour choisir son template WordPress" class="wp-image-31332"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/10/template-wordpress-3-683x1024.jpg" alt="Épingle Pinterest : Template WordPress, comment le choisir ?" class="wp-image-31333"/></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/template-wordpress-comment-choisir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Les étapes de création d&#039;un site web</title>
		<link>https://steffilala.fr/etapes-creation-site-web/</link>
					<comments>https://steffilala.fr/etapes-creation-site-web/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 07 Sep 2023 04:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=31302</guid>

					<description><![CDATA[On imagine souvent la création d'un site internet comme une énorme montagne difficile à franchir. On se dit que ça va nous prendre beaucoup de temps, d'énergie, et d'argent. Mais en réalité, le secret c'est d'avoir la bonne méthode. Découper la montagne, y aller pas à pas. Découvrez les étapes de création d'un site web, [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">On imagine souvent la création d'un site internet comme une énorme montagne difficile à franchir. On se dit que ça va nous prendre beaucoup de temps, d'énergie, et d'argent. Mais en réalité, le secret c'est d'avoir la bonne méthode. Découper la montagne, y aller pas à pas. Découvrez les étapes de création d'un site web, pour enfin cocher cette case qui traîne dans votre to-do depuis des mois !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">La préparation : la plus importante des étapes de création d'un site web</h2>



<p class="wp-block-paragraph">Quand on imagine les étapes de création d'un site web, la majorité des personnes se trompent.</p>



<p class="wp-block-paragraph">On imagine que ça ressemble à ça : </p>



<ul class="wp-block-list">
<li>Trouver le meilleur outil pour créer un site</li>



<li>Créer les pages et le contenu</li>



<li>Essayer de rendre tout ça beau et pro</li>
</ul>



<p class="wp-block-paragraph">Sauf que c’est le meilleur moyen d’y passer 10 plombes pour un résultat bof.</p>



<p class="wp-block-paragraph">La création d’un site, ça se prépare :</p>



<ul class="wp-block-list">
<li>Pour gagner du temps</li>



<li>Pour un site qui convertit les visiteurices en potentielle clientèle</li>



<li>Et qui n’a pas l’air d’avoir été fait par votre sœur de 12 ans</li>
</ul>



<p class="wp-block-paragraph">C'est même selon moi l'étape la plus importante !</p>



<p class="wp-block-paragraph"><strong>D'ailleurs, si vous souhaitez être accompagné·es pour la préparation et la conception de votre site, rejoignez mon challenge gratuit :</strong></p>



<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1705404");</style>
    <style type="text/css">
    /* LOADER */
    .ml-form-embedSubmitLoad {
      display: inline-block;
      width: 20px;
      height: 20px;
    }

    .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: ;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    .ml-form-embedSubmitLoad:after {
      content: " ";
      display: block;
      width: 11px;
      height: 11px;
      margin: 1px;
      border-radius: 50%;
      border: 4px solid #fff;
    border-color: #ffffff #ffffff #ffffff transparent;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite;
    }
    @keyframes ml-form-embedSubmitLoad {
      0% {
      transform: rotate(0deg);
      }
      100% {
      transform: rotate(360deg);
      }
    }
      #mlb2-11133757.ml-form-embedContainer {
        box-sizing: border-box;
        display: table;
        margin: 0 auto;
        position: static;
        width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer h4,
      #mlb2-11133757.ml-form-embedContainer p,
      #mlb2-11133757.ml-form-embedContainer span,
      #mlb2-11133757.ml-form-embedContainer button {
        text-transform: none !important;
        letter-spacing: normal !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper {
        background-color: #f7f5f3;
        
        border-width: 1px;
        border-color: #2e0219;
        border-radius: 4px;
        border-style: solid;
        box-sizing: border-box;
        display: inline-block !important;
        margin: 0;
        padding: 0;
        position: relative;
              }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-left { text-align: left; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-center { text-align: center; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-right { text-align: right; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: auto;
        margin: 0 auto !important;
        max-width: 100%;
        width: undefinedpx;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
        padding: 20px 20px 0 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
        padding-bottom: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
        text-align: left;
        margin: 0 0 20px 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 30px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-align: left;
        word-break: break-word;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 10px 0;
        text-align: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol {
        list-style-type: lower-alpha;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol {
        list-style-type: lower-roman;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
        color: #000000;
        text-decoration: underline;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
        text-align: left!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
        margin-bottom: 5px;
        color: #333333;
        font-size: 14px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: bold; font-style: normal; text-decoration: none;;
        display: inline-block;
        line-height: 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
        margin: 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        margin: 0 0 20px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        height: auto;
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
        margin: 0 0 10px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          border-color: #cccccc!important;
          background-color: #ffffff!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
        border-radius: 4px!important;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before  {
          border-color: #000000!important;
          background-color: #000000!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after {
           top: 2px;
           box-sizing: border-box;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
           top: 0px!important;
           box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
        top: 0px!important;
           box-sizing: border-box!important;
      }

       #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after {
            top: 0px!important;
            box-sizing: border-box!important;
            position: absolute;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
       }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before {
        top: 0px!important;
        box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
          position: absolute;
          top: 2px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after {
          background: no-repeat 50%/50% 50%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          background: no-repeat 50%/50% 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          box-sizing: border-box;
          padding: 0;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label {
          color: #000000;
          font-size: 12px!important;
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
          line-height: 22px;
          margin-bottom: 0;
          position: relative;
          vertical-align: top;
          font-style: normal;
          font-weight: 700;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 28px 10px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        background: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg') no-repeat right .75rem center/8px 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
        height: auto;
        width: 100%;
        float: left;
      }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px;  }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px;  }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
        background-color: #ffffff;
        color: #333333;
        border-color: #cccccc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px;
        width: 100%;
        box-sizing: border-box;
        overflow-y: initial;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
        background-color: #9E6B83 !important;
        border-color: #9E6B83;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        box-shadow: none;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        line-height: 20px;
        margin: 0 !important;
        padding: 10px !important;
        width: 100%;
        height: auto;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
        background-color: #004643 !important;
        border-color: #004643 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
        color: #000000;
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0;
        position: relative;
        vertical-align: top;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        min-height: 24px;
        padding-left: 24px;

      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
        color: #000000;
        text-decoration: underline;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
        color: #000000 !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px !important;
        padding: 0 !important;
        margin: 0 5px 0 0 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
        background-color: #9E6B83 !important;
        border: none !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 21px !important;
        height: auto;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
        display: none;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
        background-color: #004643 !important;
      }
      .ml-subscribe-close {
        width: 30px;
        height: 30px;
        background: url('https://assets.mlcdn.com/ml/images/default/modal_close.png') no-repeat;
        background-size: 30px;
        cursor: pointer;
        margin-top: -10px;
        margin-right: -10px;
        position: absolute;
        top: 0;
        right: 0;
      }
      .ml-error input, .ml-error textarea, .ml-error select {
        border-color: red!important;
      }

      .ml-error .custom-checkbox-radio-list {
        border: 1px solid red !important;
        border-radius: 4px;
        padding: 10px;
      }

      .ml-error .label-description,
      .ml-error .label-description p,
      .ml-error .label-description p a,
      .ml-error label:first-child {
        color: #ff0000 !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
        color: #ff0000 !important;
      }
            @media only screen and (max-width: 400px){

        .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
        .ml-form-formContent.horozintalForm { float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; }

      }
    </style>

    
  
    
    

    
    

    
    

    

      
        
        
      

      
        
        
      

      

            
            
            
            
            
            
      

      

      
        
        
         
        
        
      

        
        
        
        
        
        
      

       

        
        
        
        
        
        
        
       


      
        
        
        
        
  



  
        
        
        
      


      
    
    
    
    
    
    
    
  

  
        
        
        
        
        
      

      
        
        
        
        
        
      

      
        
        
        
        
        
      

       

        
        
        
        
       

       
        
        
        
        
      

      
        
        
        
        
        
        
        
       

    

    


      


      

      
      

      

      





    

      
    <div id="mlb2-11133757" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-11133757">
      <div class="ml-form-align-center ">
        <div class="ml-form-embedWrapper embedForm">

          
          

          <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">

            <div class="ml-form-embedContent" style=" ">
              
                <h4></h4>
                <h2>Challenge gratuit : 5 jours pour préparer la création de ton site !</h2>
<p>La préparation est l'étape la plus importante de la création d'un site. Et pourtant, 90% des personnes la négligent.</p>
<p>Si tu veux un site qui soit vraiment <strong>au service de ton entreprise</strong> et qui t'apporte les <strong>résultats</strong> que tu souhaites, je t'accompagne pas à pas dans ce processus.</p>
<p><strong>1 action par jour pendant 5 jours</strong> : du choix de ce que tu vas mettre sur ton site jusqu'à la rédaction de tes textes, en passant par l'arborescence et l'identité visuelle. Tu auras toutes les cartes en main pour créer un site qui répond à tes objectifs !</p>
              
            </div>

            <form class="ml-block-form" action="https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/subscribe" data-code="" method="post" target="_blank">
              <div class="ml-form-formContent">
                

                  
                  <div class="ml-form-fieldRow ">
                    <div class="ml-field-group ml-field-name">

                      


                      <!-- input -->
                      <input aria-label="name" type="text" class="form-control" data-inputmask="" name="fields[name]" placeholder="Prénom" autocomplete="given-name">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div><div class="ml-form-fieldRow ml-last-item">
                    <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">

                      


                      <!-- input -->
                      <input aria-label="email" aria-required="true" type="email" class="form-control" data-inputmask="" name="fields[email]" placeholder="Email" autocomplete="email">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div>
                
              </div>

              

              <!-- Privacy policy -->
              
              <!-- /Privacy policy -->

              

              

              <div class="ml-form-checkboxRow ml-validate-required">
                
                  <label class="checkbox">
                    <input type="checkbox">
                    <div class="label-description">
                      <p>En cochant cette case, tu acceptes de recevoir des emails de la part de steffilala.fr/. Tu seras également inscrit·e automatiquement à la newsletter bi-mensuelle, de laquelle tu peux te désinscrire facilement à tout moment.</p>
                    </div>
                  </label>
                
              </div>






              
              <input type="hidden" name="ml-submit" value="1">

              <div class="ml-form-embedSubmit">
                
                  <button type="submit" class="primary">Je rélève le défi !</button>
                
                <button disabled="disabled" style="display: none;" type="button" class="loading">
                  <div class="ml-form-embedSubmitLoad"></div>
                  <span class="sr-only">Loading...</span>
                </button>
              </div>

              
              <input type="hidden" name="anticsrf" value="true">
            </form>
          </div>

          <div class="ml-form-successBody row-success" style="display: none">

            <div class="ml-form-successContent">
              
                <h4>Youpi !</h4>
                <p><strong>Rendez-vous dans ta boite mail pour découvrir la 1ère action dès maintenant ! </strong>Pense à checker tes spams si tu ne reçois rien, etsi j'y suis,&nbsp;ajoute-moi à tes contacts 😉</p>
              
            </div>

          </div>
        </div>
      </div>
    </div>

  

  
  
  <script>
    function ml_webform_success_11133757() {
      var $ = ml_jQuery || jQuery;
      $('.ml-subscribe-form-11133757 .row-success').show();
      $('.ml-subscribe-form-11133757 .row-form').hide();
    }
      </script>
  
  
      <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v2d8fb22bb5b3677f161552cd9e774127" type="text/javascript"></script>
        <script>
            fetch("https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/takel")
        </script>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Étape 1 : poser les bases</h3>



<p class="wp-block-paragraph">La première chose à déterminer, c'est de savoir si votre entreprise a des bases assez solides pour créer votre site. Parce que moins vous serez au clair sur vos fondations, plus ce sera compliqué.</p>



<p class="wp-block-paragraph">Parfois, créer un site dès le lancement de son activité n'est pas forcément la meilleure des idées. En effet, pour pouvoir suivre les autres étapes de création d'un site web, il faut être un minimum au clair sur ces points :</p>



<ul class="wp-block-list">
<li>Votre entreprise : activité, valeurs, mission...</li>



<li>Votre clientèle cible : qui est-elle ? Quelles sont ses problématiques ? Ses frustrations, ses désirs, ses valeurs, ses attentes, ...</li>



<li>Votre offre : et oui, ça peut paraître bête, mais il faut que vos offres soient déjà définies : contenu, prix, modalités,...</li>
</ul>



<p class="wp-block-paragraph">Attention, ces éléments ne sont pas forcément gravés dans le marbre et peuvent être amenés à évoluer bien sûr. Mais si vous n'êtes pas au clair sur ces sujets, il est peut-être plus judicieux d'y passer du temps avant de penser à votre site.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Étape 2 : définir le contenu</h3>



<p class="wp-block-paragraph">La deuxième étape, ça va être de définir le contenu de votre site : qu'est-ce qu'on va y trouver ?</p>



<p class="wp-block-paragraph">Généralement, les gens auront tendance à partir de leurs propres besoins. Mais n'oubliez pas que votre site, il doit vous servir vous, certes, mais aussi et surtout votre potentielle clientèle ! N'oubliez donc pas de vous mettre à sa place, et de vous demander de quoi elle aurait besoin.</p>



<p class="wp-block-paragraph">Dans cette étape, on aurait aussi tendance à mettre le plus de choses possibles sur le site, "au cas où". C'est une mauvaise idée, d'autant plus si vous souhaitez vous inscrire dans une démarche d'<a href="https://steffilala.fr/eco-conception-web-guide/" target="_blank" rel="noreferrer noopener"><strong>éco-conception web</strong></a>.</p>



<p class="wp-block-paragraph">En effet, l'idée, c'est de mettre sur son site uniquement ce qui sera pertinent et utile (<em>vraiment utile</em>) pour les utilisateurices. Cela va permettre d’alléger le site (<em>et donc qu'il soit moins polluant</em>), mais aussi de le rendre plus pertinent et efficace car il ne sera pas inondé d’informations inutiles.</p>



<p class="wp-block-paragraph">Pour chaque chose que vous souhaitez mettre sur votre site, posez-vous bien la question de l'utilité et la pertinence.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">La conception du site</h2>



<h3 class="wp-block-heading">Étape 3 : la navigation</h3>



<p class="wp-block-paragraph">La troisième des étapes de création d'un site web, c'est imaginer la navigation. C'est-à-dire, comment les personnes vont aller d'un page à une autre, comme iels vont accéder à telle ou telle informations ou fonctionnalités.</p>



<p class="wp-block-paragraph">C’est une étape très importante parce qu’elle va déterminer la facilité de navigation sur votre site. Le but est que les choses soient les plus logiques possibles, pour que la personne qui visite le site trouve ce qu’elle cherche facilement et rapidement.</p>



<p class="wp-block-paragraph">La compétence n°1 requise pour cette étape : le bon sens !</p>



<p class="wp-block-paragraph">Si vous le souhaitez, j'ai <a href="https://steffilala.fr/arborescence-site-web/" target="_blank" rel="noreferrer noopener"><strong>un article entier dédié à la création de l'arborescence d'un site web</strong></a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Étape 4 : l'apparence du site (identité + maquette)</h3>



<p class="wp-block-paragraph">Maintenant que vous savez ce que vous allez mettre sur votre site et comment le contenu sera organisé, vous avez fait le plus important.</p>



<p class="wp-block-paragraph">Maintenant, si le fond est essentiel, il est vrai que la forme compte également. C'est donc le moment de penser à l'identité visuelle de votre site. Quelles couleurs allez-vous utiliser ? Quelles polices de caractère ? Quel univers visuel ?</p>



<p class="wp-block-paragraph">Pour déterminer cela, il est important de revenir aux valeurs et à la mission de votre entreprise. Il faut que votre identité visuelle soit en cohérence avec ce que vous voulez dégager.</p>



<p class="wp-block-paragraph">Bien sûr, si vous avez déjà une identité pour votre entreprise, elle doit être reprise sur votre site web.</p>



<p class="wp-block-paragraph">Pour éviter de perdre du temps, mon conseil est de mettre en forme vos pages d'abord sur une maquette.</p>



<p class="wp-block-paragraph">C'est plus facile à créer et modifier qu'un site web déjà construit, et ça vous permettra de gagner du temps dans la prochaine étape de création de votre site web : la fabrication.</p>



<p class="wp-block-paragraph">Là aussi, j'ai un <strong><a href="https://steffilala.fr/maquette-site-web/" target="_blank" rel="noreferrer noopener">article dédié à la maquette de site web</a></strong>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">La fabrication : la dernière des étapes de création d'un site web !</h2>



<h3 class="wp-block-heading">Étape 6 : le choix des outils</h3>



<p class="wp-block-paragraph">Le choix des outils est souvent le 1er truc auquel on pense quand on réfléchit aux étapes de création d'un site web. Pourtant, pour savoir quel est le meilleur outil, vous devez connaître exactement ce que vous allez devoir faire avec !</p>



<p class="wp-block-paragraph">C'est pour cela que le choix de l'outil n'arrive que maintenant, une fois qu'on sait exactement à quoi ressemblera le site et ce qu'il contiendra.</p>



<p class="wp-block-paragraph">Ce sont vos besoins qui doivent déterminer l'outil et non l'inverse. Rien de plus frustrant que de se retrouver bloqué·e dans son développement à cause d'un outil, donc autant bien choisir. D'autant plus que si les migrations restent toujours possibles, c'est beaucoup plus simple si on choisit bien dès le départ.</p>



<p class="wp-block-paragraph">Par exemple, il n'est pas possible de migrer un site de Wix vers WordPress, il faudra tout recopier manuellement...</p>



<p class="wp-block-paragraph">Personnellement, ma préférence va à <a href="https://fr.wordpress.org/" target="_blank" rel="noreferrer noopener">WordPress.org</a> car :</p>



<ul class="wp-block-list">
<li>C'est gratuit</li>



<li>C'est ultra flexible</li>



<li>C'est facile de le prendre en main, même quand on n'est pas pro, si on utilise les bons thèmes et extensions</li>



<li>Contrairement à beaucoup d'autres outils, votre site vous appartient à 100%</li>



<li>Il est possible d'agir sur pas mal d'aspects pour réduire l'impact environnemental de votre site</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Étape 7 : l'intégration</h3>



<p class="wp-block-paragraph">Et ce n'est que maintenant que vous allez enfin pouvoir créer votre site, pour de vrai.</p>



<p class="wp-block-paragraph">C'est ce qu'on appelle l'intégration. Et grâce à toutes les étapes de création d'un site web que vous avez suivi jusqu'à maintenant, ça devrait être plutôt facile et rapide !</p>



<p class="wp-block-paragraph">Plus de tâtonnements, vous savez exactement ce que vous devez construire, vous avez des plans à suivre, et ça facilite grandement la tâche !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Étape 8 : sécurité et conformité</h3>



<p class="wp-block-paragraph">Enfin, la dernière étape, mais extrêmement importante, c'est celle de vous assurez de la sécurité et de la conformité de votre site !</p>



<p class="wp-block-paragraph">Côté sécurité, quelques bases :</p>



<ul class="wp-block-list">
<li>Installez un certificat SSL sur votre nom de domaine (<em>pour avoir un site en https et le petit cadenas à côté de l'adresse</em>)</li>



<li>Pensez à vous protéger des tentatives de piratages (ce n'est pas un mythe !) et du spam</li>
</ul>



<p class="wp-block-paragraph">Pour la conformité, avoir un site engendre quelques responsabilités. Vous pourrez en apprendre davantage dans ces deux articles :</p>



<ul class="wp-block-list">
<li><a href="https://steffilala.fr/mentions-legales-site-internet/" target="_blank" rel="noreferrer noopener">Les mentions légales sur un site web</a></li>



<li><a href="https://steffilala.fr/rgpd/" target="_blank" rel="noreferrer noopener">RGPD : comprendre et appliquer facilement</a></li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Et voilà toutes les étapes de création d'un site web ! Ça peut toujours vous paraître beaucoup de travail, et ça l'est effectivement. Mais le fait de suivre cette méthode pas à pas vous facilitera grandement la vie et surtout, vous assurera d'avoir un site pertinent et utile pour votre audience et votre entreprise.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/09/etapes-creation-site-web-1-683x1024.jpg" alt="Épingle Pinterest : Les étapes de création d'un site web, gagne en temps et en efficacité !" class="wp-image-31310"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/09/etapes-creation-site-web-2-683x1024.jpg" alt="Épingle Pinterest : 8 étapes pour la création d'un site web" class="wp-image-31311"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/09/etapes-creation-site-web-3-683x1024.jpg" alt="Épingle Pinterest : Les étapes de création d'un site web, pour créer facilement et rapidement un site au service de ton entreprise !" class="wp-image-31312"/></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/etapes-creation-site-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Mentions légales d&#039;un site internet : guide et exemple</title>
		<link>https://steffilala.fr/mentions-legales-site-internet/</link>
					<comments>https://steffilala.fr/mentions-legales-site-internet/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 24 Aug 2023 04:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=31251</guid>

					<description><![CDATA[Que vous soyez pro ou non, vous devez afficher un certain nombre de mentions légales sur votre site internet. Même si ce sujet peut faire peur, il est en réalité assez simple de se mettre en conformité ! Dans cet article, je vous donne toutes les mentions obligatoires pour votre site web, ainsi qu'un générateur [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Que vous soyez pro ou non, vous devez afficher un certain nombre de mentions légales sur votre site internet. Même si ce sujet peut faire peur, il est en réalité assez simple de se mettre en conformité ! Dans cet article, je vous donne toutes les mentions obligatoires pour votre site web, ainsi qu'un générateur de mentions légales pour vous faciliter la tâche.</p>



<p class="wp-block-paragraph"><em>Cet article a été rédigé avec l’aide de Julie et Oriane, docteures en droit et fondatrice de&nbsp;<a href="https://houjo.fr/" target="_blank" rel="noreferrer noopener">Houjo</a>, les kits juridiques en ligne pour entrepreneur·ses.</em></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Besoin d'aide pour créer ton site ?</strong> Rejoins le challenge !</p>



<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1705404");</style>
    <style type="text/css">
    /* LOADER */
    .ml-form-embedSubmitLoad {
      display: inline-block;
      width: 20px;
      height: 20px;
    }

    .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: ;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    .ml-form-embedSubmitLoad:after {
      content: " ";
      display: block;
      width: 11px;
      height: 11px;
      margin: 1px;
      border-radius: 50%;
      border: 4px solid #fff;
    border-color: #ffffff #ffffff #ffffff transparent;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite;
    }
    @keyframes ml-form-embedSubmitLoad {
      0% {
      transform: rotate(0deg);
      }
      100% {
      transform: rotate(360deg);
      }
    }
      #mlb2-11133757.ml-form-embedContainer {
        box-sizing: border-box;
        display: table;
        margin: 0 auto;
        position: static;
        width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer h4,
      #mlb2-11133757.ml-form-embedContainer p,
      #mlb2-11133757.ml-form-embedContainer span,
      #mlb2-11133757.ml-form-embedContainer button {
        text-transform: none !important;
        letter-spacing: normal !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper {
        background-color: #f7f5f3;
        
        border-width: 1px;
        border-color: #2e0219;
        border-radius: 4px;
        border-style: solid;
        box-sizing: border-box;
        display: inline-block !important;
        margin: 0;
        padding: 0;
        position: relative;
              }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-left { text-align: left; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-center { text-align: center; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-right { text-align: right; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: auto;
        margin: 0 auto !important;
        max-width: 100%;
        width: undefinedpx;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
        padding: 20px 20px 0 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
        padding-bottom: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
        text-align: left;
        margin: 0 0 20px 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 30px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-align: left;
        word-break: break-word;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 10px 0;
        text-align: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol {
        list-style-type: lower-alpha;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol {
        list-style-type: lower-roman;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
        color: #000000;
        text-decoration: underline;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
        text-align: left!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
        margin-bottom: 5px;
        color: #333333;
        font-size: 14px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: bold; font-style: normal; text-decoration: none;;
        display: inline-block;
        line-height: 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
        margin: 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        margin: 0 0 20px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        height: auto;
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
        margin: 0 0 10px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          border-color: #cccccc!important;
          background-color: #ffffff!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
        border-radius: 4px!important;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before  {
          border-color: #000000!important;
          background-color: #000000!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after {
           top: 2px;
           box-sizing: border-box;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
           top: 0px!important;
           box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
        top: 0px!important;
           box-sizing: border-box!important;
      }

       #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after {
            top: 0px!important;
            box-sizing: border-box!important;
            position: absolute;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
       }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before {
        top: 0px!important;
        box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
          position: absolute;
          top: 2px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after {
          background: no-repeat 50%/50% 50%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          background: no-repeat 50%/50% 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          box-sizing: border-box;
          padding: 0;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label {
          color: #000000;
          font-size: 12px!important;
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
          line-height: 22px;
          margin-bottom: 0;
          position: relative;
          vertical-align: top;
          font-style: normal;
          font-weight: 700;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 28px 10px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        background: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg') no-repeat right .75rem center/8px 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
        height: auto;
        width: 100%;
        float: left;
      }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px;  }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px;  }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
        background-color: #ffffff;
        color: #333333;
        border-color: #cccccc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px;
        width: 100%;
        box-sizing: border-box;
        overflow-y: initial;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
        background-color: #9E6B83 !important;
        border-color: #9E6B83;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        box-shadow: none;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        line-height: 20px;
        margin: 0 !important;
        padding: 10px !important;
        width: 100%;
        height: auto;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
        background-color: #004643 !important;
        border-color: #004643 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
        color: #000000;
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0;
        position: relative;
        vertical-align: top;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        min-height: 24px;
        padding-left: 24px;

      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
        color: #000000;
        text-decoration: underline;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
        color: #000000 !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px !important;
        padding: 0 !important;
        margin: 0 5px 0 0 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
        background-color: #9E6B83 !important;
        border: none !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 21px !important;
        height: auto;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
        display: none;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
        background-color: #004643 !important;
      }
      .ml-subscribe-close {
        width: 30px;
        height: 30px;
        background: url('https://assets.mlcdn.com/ml/images/default/modal_close.png') no-repeat;
        background-size: 30px;
        cursor: pointer;
        margin-top: -10px;
        margin-right: -10px;
        position: absolute;
        top: 0;
        right: 0;
      }
      .ml-error input, .ml-error textarea, .ml-error select {
        border-color: red!important;
      }

      .ml-error .custom-checkbox-radio-list {
        border: 1px solid red !important;
        border-radius: 4px;
        padding: 10px;
      }

      .ml-error .label-description,
      .ml-error .label-description p,
      .ml-error .label-description p a,
      .ml-error label:first-child {
        color: #ff0000 !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
        color: #ff0000 !important;
      }
            @media only screen and (max-width: 400px){

        .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
        .ml-form-formContent.horozintalForm { float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; }

      }
    </style>

    
  
    
    

    
    

    
    

    

      
        
        
      

      
        
        
      

      

            
            
            
            
            
            
      

      

      
        
        
         
        
        
      

        
        
        
        
        
        
      

       

        
        
        
        
        
        
        
       


      
        
        
        
        
  



  
        
        
        
      


      
    
    
    
    
    
    
    
  

  
        
        
        
        
        
      

      
        
        
        
        
        
      

      
        
        
        
        
        
      

       

        
        
        
        
       

       
        
        
        
        
      

      
        
        
        
        
        
        
        
       

    

    


      


      

      
      

      

      





    

      
    <div id="mlb2-11133757" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-11133757">
      <div class="ml-form-align-center ">
        <div class="ml-form-embedWrapper embedForm">

          
          

          <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">

            <div class="ml-form-embedContent" style=" ">
              
                <h4></h4>
                <h2>Challenge gratuit : 5 jours pour préparer la création de ton site !</h2>
<p>La préparation est l'étape la plus importante de la création d'un site. Et pourtant, 90% des personnes la négligent.</p>
<p>Si tu veux un site qui soit vraiment <strong>au service de ton entreprise</strong> et qui t'apporte les <strong>résultats</strong> que tu souhaites, je t'accompagne pas à pas dans ce processus.</p>
<p><strong>1 action par jour pendant 5 jours</strong> : du choix de ce que tu vas mettre sur ton site jusqu'à la rédaction de tes textes, en passant par l'arborescence et l'identité visuelle. Tu auras toutes les cartes en main pour créer un site qui répond à tes objectifs !</p>
              
            </div>

            <form class="ml-block-form" action="https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/subscribe" data-code="" method="post" target="_blank">
              <div class="ml-form-formContent">
                

                  
                  <div class="ml-form-fieldRow ">
                    <div class="ml-field-group ml-field-name">

                      


                      <!-- input -->
                      <input aria-label="name" type="text" class="form-control" data-inputmask="" name="fields[name]" placeholder="Prénom" autocomplete="given-name">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div><div class="ml-form-fieldRow ml-last-item">
                    <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">

                      


                      <!-- input -->
                      <input aria-label="email" aria-required="true" type="email" class="form-control" data-inputmask="" name="fields[email]" placeholder="Email" autocomplete="email">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div>
                
              </div>

              

              <!-- Privacy policy -->
              
              <!-- /Privacy policy -->

              

              

              <div class="ml-form-checkboxRow ml-validate-required">
                
                  <label class="checkbox">
                    <input type="checkbox">
                    <div class="label-description">
                      <p>En cochant cette case, tu acceptes de recevoir des emails de la part de steffilala.fr/. Tu seras également inscrit·e automatiquement à la newsletter bi-mensuelle, de laquelle tu peux te désinscrire facilement à tout moment.</p>
                    </div>
                  </label>
                
              </div>






              
              <input type="hidden" name="ml-submit" value="1">

              <div class="ml-form-embedSubmit">
                
                  <button type="submit" class="primary">Je rélève le défi !</button>
                
                <button disabled="disabled" style="display: none;" type="button" class="loading">
                  <div class="ml-form-embedSubmitLoad"></div>
                  <span class="sr-only">Loading...</span>
                </button>
              </div>

              
              <input type="hidden" name="anticsrf" value="true">
            </form>
          </div>

          <div class="ml-form-successBody row-success" style="display: none">

            <div class="ml-form-successContent">
              
                <h4>Youpi !</h4>
                <p><strong>Rendez-vous dans ta boite mail pour découvrir la 1ère action dès maintenant ! </strong>Pense à checker tes spams si tu ne reçois rien, etsi j'y suis,&nbsp;ajoute-moi à tes contacts 😉</p>
              
            </div>

          </div>
        </div>
      </div>
    </div>

  

  
  
  <script>
    function ml_webform_success_11133757() {
      var $ = ml_jQuery || jQuery;
      $('.ml-subscribe-form-11133757 .row-success').show();
      $('.ml-subscribe-form-11133757 .row-form').hide();
    }
      </script>
  
  
      <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v2d8fb22bb5b3677f161552cd9e774127" type="text/javascript"></script>
        <script>
            fetch("https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/takel")
        </script>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Pourquoi afficher les mentions légales sur un site internet ?</h2>



<h3 class="wp-block-heading">C'est une obligation juridique</h3>



<p class="wp-block-paragraph">Il y a des documents que vous devez absolument publier sur votre site Internet. C'est une obligation juridique, c'est comme ça, vous n'avez pas le choix. Ou bien vous vous exposez à un risque de sanctions (<em>notamment financières</em>) si vous ne le faites pas.</p>



<p class="wp-block-paragraph">Ce ne sont pas juste des documents pour faire joli. Ce sont des documents qui garantissent que le site est sérieux, qu'il applique bien le cadre réglementaire. Et ces documents, ils sont destinés à protéger les consommateurices, la clientèle, les prospect·es... Bref, toustes celleux qui peuvent visiter votre site web.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">C'est une question d'éthique</h3>



<p class="wp-block-paragraph">Il y a une règle qui se vérifie quand même très souvent, c'est que des sites qui ne publient pas ces documents, ce ne sont quand même pas des sites sérieux. Afficher les mentions légales d'un site internet, c'est aussi afficher que vous, vous êtes une personne sérieuse, au-delà de l'obligation.</p>



<p class="wp-block-paragraph">C'est aussi selon moi une responsabilité envers les personnes qui visitent votre site. Un devoir en quelque sorte. Vous vous devez d'être transparent·e avec votre cible et de faire tout ce que vous pouvez pour protéger ces intérêts.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Quelles sont les mentions obligatoires sur un site internet ?</h2>



<h3 class="wp-block-heading">Les mentions légales</h3>



<p class="wp-block-paragraph">La première obligation sur votre site, ce sont les mentions légales.</p>



<p class="wp-block-paragraph">Elles doivent comporter :</p>



<ul class="wp-block-list">
<li><strong>Identité de l'entreprise </strong>: votre nom, prénom et adresse. Si vous êtes entrepreneur individuel (y compris, micro-entrepreneur), vos nom et prénom sont accompagnés de la mention entrepreneur individuel ou des initiales EI.</li>



<li><strong>Mail et numéro de téléphone</strong> pour contacter votre entreprise</li>



<li><strong>Numéro d'immatriculation&nbsp;au&nbsp;RCS</strong> si vous êtes concerné·es.</li>



<li><strong>Numéro d'identification à la TVA</strong> si vous êtes concerné·es.</li>



<li><strong>Identité de&nbsp;l'hébergeur</strong> de votre site : nom ou dénomination sociale, adresse et numéro de téléphone</li>



<li>Si vous exercez une&nbsp;activité réglementée&nbsp;et soumise à autorisation : <strong>nom et adresse de l'autorité</strong> qui a délivré l'autorisation.</li>
</ul>



<p class="wp-block-paragraph">Attention, si vous êtes un particulier sans activité commerciale, vous devez quand même afficher ces mentions légales !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">La politique de confidentialité</h3>



<p class="wp-block-paragraph">La politique de confidentialité, ce n'est pas juste un document, c'est toute la la gestion des données personnelles que vous récoltez.</p>



<p class="wp-block-paragraph">Par exemple, si vous avez une newsletter, vous collectez des données personnelles : adresse mail, nom, prénom... Et donc, en tant que collecteurice, vous avez l'obligation de protéger ces données. De faire en sorte qu'elles ne soient pas volées. Ne pas les vendre. Vous devez aussi toujours demander le consentement des personnes avant de récolter ces données.</p>



<p class="wp-block-paragraph">Le meilleur moyen de protéger les données, c'est d'avoir une politique de confidentialité. Vous pouvez retrouver plus de détail sur ce sujet dans <a href="https://steffilala.fr/rgpd/" target="_blank" rel="noreferrer noopener">mon article consacré au RGPD</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les conditions générales de vente</h3>



<p class="wp-block-paragraph">Les CGV sont obligatoires si vous vendez directement sur votre site à des particuliers.</p>



<p class="wp-block-paragraph">Les personnes doivent également dans ce cas les accepter avant d'acheter (<em>via une petite case à cocher par exemple</em>).</p>



<p class="wp-block-paragraph">Mais les CVG sont utiles à partir du moment où vous avez une activité commerciale, que ce soit de la vente de produits ou de services.</p>



<p class="wp-block-paragraph">En effet, c'est un document qui va fixer le cadre de la vente ou collaboration, et qui réduit grandement le risque de litiges !</p>



<p class="wp-block-paragraph">Les éléments qui doivent y figurer diffèrent selon que vous vendiez aux particulier·es ou aux professionnel·les. Vous retrouvez la liste sur <a href="https://entreprendre.service-public.fr/vosdroits/F31228" target="_blank" rel="noreferrer noopener">le site officiel du gouvernement</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les conditions générales d'utilisation (optionnel)</h3>



<p class="wp-block-paragraph">Les CGU ne sont pas obligatoires mais j'en parle quand même car elles peuvent être utiles, encore une fois pour se protéger.</p>



<p class="wp-block-paragraph">Ces conditions vont en gros définir comment fonctionne le site, les droits et obligations de la personne qui gère le site (vous), et des personnes qui l'utilisent. Cela permet de se prémunir si jamais des personnes voudraient faire un usage frauduleux de votre site.</p>



<p class="wp-block-paragraph">Encore une fois, toutes les informations sur les CGU sont dispo sur <a href="https://www.francenum.gouv.fr/guides-et-conseils/developpement-commercial/site-web/rediger-des-conditions-generales-dutilisation" target="_blank" rel="noreferrer noopener">le site officiel France Num</a>.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Générateur de mentions légales pour ton site internet</h2>



<p class="wp-block-paragraph">Maintenant qu'on connaît la théorie, vous vous sentez peut-être perdu·es pour mettre en oeuvre les mentions légales de votre site internet...</p>



<p class="wp-block-paragraph">Des outils existent pour vous faciliter la tâche mais attention, ils n'ont aucune valeur juridique et ne remplacent pas l'expertise d'une personne spécialisée en droit, dont c'est le métier.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Générateur de mentions légales de site internet</h3>



<p class="wp-block-paragraph">Le premier outil est un générateur de mentions légales proposé par lawebeuse.com.</p>



<p class="wp-block-paragraph">Vous devrez remplir les informations concernant votre entreprise puis les mentions légales se généreront automatiquement et vous n'aurez plus qu'à copier-coller sur votre site internet.</p>



<p class="wp-block-paragraph">✅ <strong><a href="https://la-webeuse.com/generateur-mentions-legales/#lwptoc15" target="_blank" rel="noreferrer noopener">Générateur de mentions légales</a></strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Générateur de politique de confidentialité</h3>



<p class="wp-block-paragraph">Le deuxième outil est une extension WordPress pour gérer les cookies de votre site et générer votre politique de confidentialité.</p>



<p class="wp-block-paragraph">Vous devrez télécharger puis activer l'extension et suivre ensuite l'assistant proposé. C'est assez simple à prendre en main, et ça permet également d'afficher le bandeau de consentement aux cookies (<em>également obligatoire</em>).</p>



<p class="wp-block-paragraph">✅ Extension <strong>Complianz&nbsp;|&nbsp;GDPR/CCPA Cookie Consent</strong> à télécharger dans le répertoire officiel de WordPress</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Vous connaisez maintenant les mentions obligatoires d'un site internet, ainsi que pourquoi et comment les mettre en place. Retenez que ces mentions légales sont là pour vous protéger et pour protéger les utilisateurices de votre site. C'est donc très important de le mettre en place dès que possible !</p>



<p class="wp-block-paragraph">➡️&nbsp;<strong>Vous souhaitez mettre votre entreprise en conformité à prix abordable et bénéficier des conseils d’expertes ?</strong></p>



<p class="wp-block-paragraph"><a href="https://houjo.fr/offre-houjo/" target="_blank" rel="noreferrer noopener">Découvrez les kits juridiques Houjo et bénéficiez de 10% de réduction avec le code STEFFI10</a>&nbsp;(<em>lien affilié</em>)</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/08/mentions-legales-site-internet-1-683x1024.jpg" alt="Épingle Pinterest : Mention légales, guide et exemples pour ton site" class="wp-image-31256"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/08/mentions-legales-site-internet-2-683x1024.jpg" alt="Épingle Pinterest : mentions légales, la liste complète des mentions obligatoires sur ton site internet" class="wp-image-31257"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2023/08/mentions-legales-site-internet-3-683x1024.jpg" alt="Épingle Pinterest : Liste et exemple des mentions légales d'un site internet" class="wp-image-31258"/></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/mentions-legales-site-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Site internet vitrine : checklist des éléments indispensables !</title>
		<link>https://steffilala.fr/site-internet-vitrine-checklist/</link>
					<comments>https://steffilala.fr/site-internet-vitrine-checklist/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 22 Jun 2023 04:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=31003</guid>

					<description><![CDATA[Vous avez décidé de créer votre site internet vitrine pour promouvoir votre activité mais vous ne savez pas quoi y mettre ? Dans cet article, je vous donne la checklist ultime de tout ce qu'il faut y mettre ! Pour un site web stratégique, qui vous apporte des demandes de collaboration ! Le site internet [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Vous avez décidé de créer votre site internet vitrine pour promouvoir votre activité mais vous ne savez pas quoi y mettre ? Dans cet article, je vous donne la checklist ultime de tout ce qu'il faut y mettre ! Pour un site web stratégique, qui vous apporte des demandes de collaboration !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Le site internet vitrine : pourquoi, pour qui ?</h2>



<h3 class="wp-block-heading">Site internet vitrine : définition</h3>



<p class="wp-block-paragraph">Commençons par le commencement, <strong>c'est quoi un site internet vitrine</strong> ?</p>



<p class="wp-block-paragraph">C'est tout simplement, un site où, contrairement à un site e-commerce, on ne vend pas directement. C'est un site qui va, comme son nom l'indique, <strong>servir de vitrine</strong>.</p>



<p class="wp-block-paragraph">C'est un l'équivalent digital de la <strong>plaquette commerciale</strong>. Le but, c'est de <strong>présenter l'entreprise et ses services</strong>, dans un but de visibilité, avec souvent comme objectif de générer de la <strong>prise de contact</strong>.</p>



<p class="wp-block-paragraph">Le site internet vitrine est donc plutôt pour les entreprises qui proposent du <strong>service</strong> : freelances, indépendant·es, profession libérale, personne dans l'accompagnement, restaurants, hôtels, ...</p>



<p class="wp-block-paragraph">Mais ça peut aussi être une très bonne idée pour <strong>les associations</strong> par exemple, pour se faire connaître et pouvoir ainsi avoir plus d'impact.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">À quoi ça sert ?</h3>



<p class="wp-block-paragraph">Un site vitrine, comme dit plus haut, sert surtout à <strong>présenter une entreprise</strong>. C'est un excellent moyen de pouvoir <strong>donner des informations</strong> à votre cible et de pouvoir <strong>promouvoir vos offres</strong>.</p>



<p class="wp-block-paragraph">C'est très utile pour <strong>gagner en visibilité sur le web</strong>, mais aussi pour gagner en temps et en efficacité quand une personne s'intéresse à votre entreprise. </p>



<p class="wp-block-paragraph">C'est un outil <strong>accessible 24h/24 et 7j/7</strong>, qui peut travailler pour vous, quand vous dormez ou que vous êtes en vacances par exemple !</p>



<p class="wp-block-paragraph">➡️ <strong>Vous ne savez pas si vous avez besoin d'un site web ? La réponse se trouve ici : <a href="https://steffilala.fr/a-quoi-sert-site-internet/" target="_blank" rel="noreferrer noopener">Avez-vous vraiment besoin d'un site internet ?</a></strong></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1705404");</style>
    <style type="text/css">
    /* LOADER */
    .ml-form-embedSubmitLoad {
      display: inline-block;
      width: 20px;
      height: 20px;
    }

    .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: ;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    .ml-form-embedSubmitLoad:after {
      content: " ";
      display: block;
      width: 11px;
      height: 11px;
      margin: 1px;
      border-radius: 50%;
      border: 4px solid #fff;
    border-color: #ffffff #ffffff #ffffff transparent;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite;
    }
    @keyframes ml-form-embedSubmitLoad {
      0% {
      transform: rotate(0deg);
      }
      100% {
      transform: rotate(360deg);
      }
    }
      #mlb2-11133757.ml-form-embedContainer {
        box-sizing: border-box;
        display: table;
        margin: 0 auto;
        position: static;
        width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer h4,
      #mlb2-11133757.ml-form-embedContainer p,
      #mlb2-11133757.ml-form-embedContainer span,
      #mlb2-11133757.ml-form-embedContainer button {
        text-transform: none !important;
        letter-spacing: normal !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper {
        background-color: #f7f5f3;
        
        border-width: 1px;
        border-color: #2e0219;
        border-radius: 4px;
        border-style: solid;
        box-sizing: border-box;
        display: inline-block !important;
        margin: 0;
        padding: 0;
        position: relative;
              }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-left { text-align: left; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-center { text-align: center; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-right { text-align: right; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: auto;
        margin: 0 auto !important;
        max-width: 100%;
        width: undefinedpx;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
        padding: 20px 20px 0 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
        padding-bottom: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
        text-align: left;
        margin: 0 0 20px 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 30px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-align: left;
        word-break: break-word;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 10px 0;
        text-align: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol {
        list-style-type: lower-alpha;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol {
        list-style-type: lower-roman;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
        color: #000000;
        text-decoration: underline;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
        text-align: left!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
        margin-bottom: 5px;
        color: #333333;
        font-size: 14px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: bold; font-style: normal; text-decoration: none;;
        display: inline-block;
        line-height: 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
        margin: 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        margin: 0 0 20px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        height: auto;
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
        margin: 0 0 10px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          border-color: #cccccc!important;
          background-color: #ffffff!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
        border-radius: 4px!important;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before  {
          border-color: #000000!important;
          background-color: #000000!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after {
           top: 2px;
           box-sizing: border-box;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
           top: 0px!important;
           box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
        top: 0px!important;
           box-sizing: border-box!important;
      }

       #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after {
            top: 0px!important;
            box-sizing: border-box!important;
            position: absolute;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
       }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before {
        top: 0px!important;
        box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
          position: absolute;
          top: 2px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after {
          background: no-repeat 50%/50% 50%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          background: no-repeat 50%/50% 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          box-sizing: border-box;
          padding: 0;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label {
          color: #000000;
          font-size: 12px!important;
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
          line-height: 22px;
          margin-bottom: 0;
          position: relative;
          vertical-align: top;
          font-style: normal;
          font-weight: 700;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 28px 10px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        background: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg') no-repeat right .75rem center/8px 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
        height: auto;
        width: 100%;
        float: left;
      }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px;  }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px;  }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
        background-color: #ffffff;
        color: #333333;
        border-color: #cccccc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px;
        width: 100%;
        box-sizing: border-box;
        overflow-y: initial;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
        background-color: #9E6B83 !important;
        border-color: #9E6B83;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        box-shadow: none;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        line-height: 20px;
        margin: 0 !important;
        padding: 10px !important;
        width: 100%;
        height: auto;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
        background-color: #004643 !important;
        border-color: #004643 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
        color: #000000;
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0;
        position: relative;
        vertical-align: top;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        min-height: 24px;
        padding-left: 24px;

      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
        color: #000000;
        text-decoration: underline;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
        color: #000000 !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px !important;
        padding: 0 !important;
        margin: 0 5px 0 0 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
        background-color: #9E6B83 !important;
        border: none !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 21px !important;
        height: auto;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
        display: none;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
        background-color: #004643 !important;
      }
      .ml-subscribe-close {
        width: 30px;
        height: 30px;
        background: url('https://assets.mlcdn.com/ml/images/default/modal_close.png') no-repeat;
        background-size: 30px;
        cursor: pointer;
        margin-top: -10px;
        margin-right: -10px;
        position: absolute;
        top: 0;
        right: 0;
      }
      .ml-error input, .ml-error textarea, .ml-error select {
        border-color: red!important;
      }

      .ml-error .custom-checkbox-radio-list {
        border: 1px solid red !important;
        border-radius: 4px;
        padding: 10px;
      }

      .ml-error .label-description,
      .ml-error .label-description p,
      .ml-error .label-description p a,
      .ml-error label:first-child {
        color: #ff0000 !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
        color: #ff0000 !important;
      }
            @media only screen and (max-width: 400px){

        .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
        .ml-form-formContent.horozintalForm { float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; }

      }
    </style>

    
  
    
    

    
    

    
    

    

      
        
        
      

      
        
        
      

      

            
            
            
            
            
            
      

      

      
        
        
         
        
        
      

        
        
        
        
        
        
      

       

        
        
        
        
        
        
        
       


      
        
        
        
        
  



  
        
        
        
      


      
    
    
    
    
    
    
    
  

  
        
        
        
        
        
      

      
        
        
        
        
        
      

      
        
        
        
        
        
      

       

        
        
        
        
       

       
        
        
        
        
      

      
        
        
        
        
        
        
        
       

    

    


      


      

      
      

      

      





    

      
    <div id="mlb2-11133757" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-11133757">
      <div class="ml-form-align-center ">
        <div class="ml-form-embedWrapper embedForm">

          
          

          <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">

            <div class="ml-form-embedContent" style=" ">
              
                <h4></h4>
                <h2>Challenge gratuit : 5 jours pour préparer la création de ton site !</h2>
<p>La préparation est l'étape la plus importante de la création d'un site. Et pourtant, 90% des personnes la négligent.</p>
<p>Si tu veux un site qui soit vraiment <strong>au service de ton entreprise</strong> et qui t'apporte les <strong>résultats</strong> que tu souhaites, je t'accompagne pas à pas dans ce processus.</p>
<p><strong>1 action par jour pendant 5 jours</strong> : du choix de ce que tu vas mettre sur ton site jusqu'à la rédaction de tes textes, en passant par l'arborescence et l'identité visuelle. Tu auras toutes les cartes en main pour créer un site qui répond à tes objectifs !</p>
              
            </div>

            <form class="ml-block-form" action="https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/subscribe" data-code="" method="post" target="_blank">
              <div class="ml-form-formContent">
                

                  
                  <div class="ml-form-fieldRow ">
                    <div class="ml-field-group ml-field-name">

                      


                      <!-- input -->
                      <input aria-label="name" type="text" class="form-control" data-inputmask="" name="fields[name]" placeholder="Prénom" autocomplete="given-name">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div><div class="ml-form-fieldRow ml-last-item">
                    <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">

                      


                      <!-- input -->
                      <input aria-label="email" aria-required="true" type="email" class="form-control" data-inputmask="" name="fields[email]" placeholder="Email" autocomplete="email">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div>
                
              </div>

              

              <!-- Privacy policy -->
              
              <!-- /Privacy policy -->

              

              

              <div class="ml-form-checkboxRow ml-validate-required">
                
                  <label class="checkbox">
                    <input type="checkbox">
                    <div class="label-description">
                      <p>En cochant cette case, tu acceptes de recevoir des emails de la part de steffilala.fr/. Tu seras également inscrit·e automatiquement à la newsletter bi-mensuelle, de laquelle tu peux te désinscrire facilement à tout moment.</p>
                    </div>
                  </label>
                
              </div>






              
              <input type="hidden" name="ml-submit" value="1">

              <div class="ml-form-embedSubmit">
                
                  <button type="submit" class="primary">Je rélève le défi !</button>
                
                <button disabled="disabled" style="display: none;" type="button" class="loading">
                  <div class="ml-form-embedSubmitLoad"></div>
                  <span class="sr-only">Loading...</span>
                </button>
              </div>

              
              <input type="hidden" name="anticsrf" value="true">
            </form>
          </div>

          <div class="ml-form-successBody row-success" style="display: none">

            <div class="ml-form-successContent">
              
                <h4>Youpi !</h4>
                <p><strong>Rendez-vous dans ta boite mail pour découvrir la 1ère action dès maintenant ! </strong>Pense à checker tes spams si tu ne reçois rien, etsi j'y suis,&nbsp;ajoute-moi à tes contacts 😉</p>
              
            </div>

          </div>
        </div>
      </div>
    </div>

  

  
  
  <script>
    function ml_webform_success_11133757() {
      var $ = ml_jQuery || jQuery;
      $('.ml-subscribe-form-11133757 .row-success').show();
      $('.ml-subscribe-form-11133757 .row-form').hide();
    }
      </script>
  
  
      <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v2d8fb22bb5b3677f161552cd9e774127" type="text/javascript"></script>
        <script>
            fetch("https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/takel")
        </script>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Que mettre sur son site vitrine ?</h2>



<p class="wp-block-paragraph">Bon très bien, maintenant on sait ce qu'est un site internet vitrine. Mais qu'est-ce qu'on y met ?</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les services</h3>



<p class="wp-block-paragraph">La première chose à mettre, c'est <strong>votre activité</strong>.</p>



<p class="wp-block-paragraph">C'est-à-dire ce que vous faites, pour qui vous le faites et pourquoi.</p>



<p class="wp-block-paragraph">Il ne s'agit pas seulement de présenter vos services et à quel point ils sont géniaux. Non, le but, c'est surtout de dire en quoi ils vont pouvoir <strong>aider votre cible</strong>. Qu'est-ce que ça va leur apporter ? Quels bénéfices iels vont pouvoir en tirer ?</p>



<p class="wp-block-paragraph">Plus qu'un service, vous présentez <strong>votre solution</strong> à un problème.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">La page À Propos</h3>



<p class="wp-block-paragraph">Deuxième chose que les personnes voudront connaître après vos services : vous !</p>



<p class="wp-block-paragraph">La vente, c'est une question de <strong>confiance</strong>. On collabore avec des personnes en qui on a confiance !</p>



<p class="wp-block-paragraph">C'est aussi une question <strong>d'émotion</strong>. On va choisir une entreprise plutôt qu'une autre parce que l'histoire nous aura touché·es. Ou bien parce qu'on se reconnaîtra dans les valeurs. Ou encore juste parce qu'on trouvera la communication de la marque marrante.</p>



<p class="wp-block-paragraph">Nous sommes des êtres bien moins rationnels que ce qu'on veut bien croire.</p>



<p class="wp-block-paragraph">C'est donc le rôle de la page à propos (ou qui sommes-nous) : <strong>montrer notre expertise</strong> par notre parcours pour donner confiance. <strong>Toucher les gens</strong> par notre histoire ou nos engagements.</p>



<p class="wp-block-paragraph">Le tout bien sûr, en gardant au cœur de notre discours <strong>la problématique de notre cible</strong>, et pourquoi on veut l'aider.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Un moyen de contact</h3>



<p class="wp-block-paragraph">Maintenant on l'a dit, l'objectif du site internet vitrine, c'est que des personnes nous contactent pour travailler avec nous.</p>



<p class="wp-block-paragraph">Alors oui, pour ça, il faut qu'elles soient convaincues par notre solution, qu'elles aient confiance en nous et qu'elles soient touchées par notre marque.</p>



<p class="wp-block-paragraph">Mais il faut aussi qu'elles aient un moyen de le faire, tout bêtement. Un moyen simple et rapide.</p>



<p class="wp-block-paragraph">Ça peut-être un <strong>lien pour nous envoyer un email</strong>, un <strong>formulaire de contact</strong> ou encore un <strong>lien vers notre calendrier</strong> pour prendre rdv.</p>



<p class="wp-block-paragraph">Ce qui est important, c'est que ce moyen de contact soit présent aux bons endroits sur votre site, au moment où votre cible a envie de vous contacter.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les réalisations</h3>



<p class="wp-block-paragraph">Si votre métier s'y prête, vous pouvez aussi ajouter <strong>les projets</strong> sur lesquels vous avez déjà travaillé. Il n'y a pas meilleur moyen pour que votre cible se projète, puisqu'elle va voir, concrètement, à quoi ça ressemble de travailler avec vous.</p>



<p class="wp-block-paragraph">Ça peut prendre la forme d'un <strong>portfolio</strong> pour les graphistes, photographes, décorateurices d'intérieur, ...</p>



<p class="wp-block-paragraph">Mais ça peut aussi être des <strong>études de cas</strong> ou des <strong>résultats </strong>que votre clientèle a obtenu pour les personnes dont l'activité est moins visuelle.</p>



<p class="wp-block-paragraph">Si vous n'avez pas encore eu de clientèle, montrez des <strong>projets fictifs</strong> sur lesquels vous avez bossé ! Les gens veulent juste voir quelque chose de concret, peu importe si c'est un vrai projet ou pas.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les témoignages</h3>



<p class="wp-block-paragraph">Et enfin, dernier élément qui me paraît indispensable sur un site vitrine : <strong>les témoignages</strong> !</p>



<p class="wp-block-paragraph">Les témoignages sur un site vitrine, c'est l'équivalent des avis sur un site e-commerce. Et avouez qu'acheter un produit ou réserver un hôtel où il n'y a pas d'avis, ça fait tout de suite un peu peur...</p>



<p class="wp-block-paragraph">Donc affichez les témoignages des personnes avec qui vous avez déjà travaillé sur votre site. Sur votre page d'accueil, sur la page services, sur votre portfolio... Usez et abusez des avis clients !</p>



<p class="wp-block-paragraph">Si vous n'avez pas encore de témoignages, réclamez-les ! Les personnes qui donnent leur avis spontanément sont très rares, alors prenez l'habitude de demander après chaque collaboration.</p>



<p class="wp-block-paragraph">Si vous n'avez pas encore eu votre premier contrat, vous pouvez afficher des retours qu'on vous a faits sur votre contenu gratuit ou bien même, si ça s'y prête, dans votre ancien job.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les mentions légales</h3>



<p class="wp-block-paragraph">Et oui, c'est pas le plus fun, mais c'est obligatoire !</p>



<p class="wp-block-paragraph">Sachez qu'à partir du moment où vous avez un site, même un site perso ou un blog pour raconter vos vacances, il y a des mentions obligatoires à afficher. Vous devrez également respecter le fameux RGPD.</p>



<p class="wp-block-paragraph">➡️ <strong><a href="https://smartlink.ausha.co/entreprendre-ethique/obligations-juridiques-entrepreneur" target="_blank" rel="noreferrer noopener">Ce sujet a été démystifié et expliqué de façon claire et simple par Julie et Oriane, avocates, sur le podcast !</a></strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Voilà donc les éléments indispensables à mettre sur votre site internet vitrine. Bien sûr, on peut y mettre bien d'autres choses. Mais ça, c'est le minimum syndical pour un site efficace : c'est à dire un site qui vous apporte des prises de contact, pas un site qui est là juste pour dire d'être là.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-3-683x1024.jpg" alt="Épingle Pinterest : 5 éléments indispensables pour ton site internet vitrine" class="wp-image-31009" srcset="https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-3-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-3-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-3-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-3.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-2-683x1024.jpg" alt="Épingle Pinterest : Site internet vitrine, la checklist des éléments indispensables à y mettre !" class="wp-image-31008" srcset="https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-2-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-2-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-2-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-2.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-1-683x1024.jpg" alt="Épingle Pinterest : Site internet vitrine, les éléments indispensables" class="wp-image-31007" srcset="https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-1-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-1-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-1-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/06/site-internet-vitrine-1.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/site-internet-vitrine-checklist/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Créer un site WordPress : mode d&#039;emploi complet mais facile !</title>
		<link>https://steffilala.fr/creer-site-wordpress/</link>
					<comments>https://steffilala.fr/creer-site-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 08 Jun 2023 18:01:32 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=30957</guid>

					<description><![CDATA[Tu envisages de créer ton site sur WordPress mais tu as entendu dire que cette plateforme était compliquée ? Tu as l'impression que c'est le bon CMS pour toi mais tu as peur de ne pas y arriver ? Tu es au bon endroit ! Dans cet article, je vais t'expliquer comment créer un site [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Tu envisages de créer ton site sur WordPress mais tu as entendu dire que cette plateforme était compliquée ? Tu as l'impression que c'est le bon CMS pour toi mais tu as peur de ne pas y arriver ?</p>



<p class="wp-block-paragraph">Tu es au bon endroit !</p>



<p class="wp-block-paragraph">Dans cet article, je vais t'expliquer <strong>comment créer un site WordPress</strong>, de la façon la plus simple possible !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Pourquoi créer un site WordPress ?</h2>



<p class="wp-block-paragraph">WordPress n'est pas le seul outil qui permette de créer des sites, et tu as peut-être beaucoup hésité. Peut-être même qu'au fond de toi, bien caché, il reste un doute.</p>



<p class="wp-block-paragraph">Permets-moi de de l'ôter !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">WordPress est gratuit</h3>



<p class="wp-block-paragraph">Et oui, c'est quand même un avantage non négligeable : créer un site avec WordPress est gratuit.</p>



<p class="wp-block-paragraph">En fait, c'est un logiciel libre. Ça veut dire que tout le monde peut y avoir accès, le copier, le modifier...</p>



<p class="wp-block-paragraph">L'open source (autre nom du logiciel libre), c'est la philosophie de base d'Internet. À la base, Internet a été créé pour rendre accessible l'information et les connaissances, et pour en faciliter la circulation.</p>



<p class="wp-block-paragraph">Une bien noble cause que les géants du web ont oubliée, mais c'est un autre débat.</p>



<p class="wp-block-paragraph">Donc WordPress, c'est gratuit. Et ça c'est cool, parce que ça veut dire que c'est accessible à toustes ou presque !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">C'est plus simple que ce que tu crois</h3>



<p class="wp-block-paragraph">WordPress peut parfois avoir la réputation d'être compliqué parce que son interface peut être déroutante à première vue.</p>



<p class="wp-block-paragraph">Mais en réalité, ça se prend en main assez facilement, et sans aucune compétence particulière.</p>



<p class="wp-block-paragraph">Pas besoin de savoir coder pour créer son site WordPress !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Créer un site WordPress, c'est ultra flexible !</h3>



<p class="wp-block-paragraph">C'est pour moi l'avantage n°1 de WordPress : on peut tout faire avec.</p>



<p class="wp-block-paragraph">Et encore une fois, sans forcément avoir beaucoup de compétences techniques.</p>



<p class="wp-block-paragraph">Comme c'est un logiciel libre, il y a une grande communauté de passionné·es qui gravitent autour de WordPress. Et ces passionné·es fabriquent ce qu'on appelle des <strong>extensions</strong>.</p>



<p class="wp-block-paragraph">Ce sont des modules qu'on peut ajouter sur notre site pour avoir plus de fonctionnalités. Par exemple : ajouter des formulaires ou des quiz, proposer la réservation d'hébergements, afficher le feed de ses réseaux sociaux, ...</p>



<p class="wp-block-paragraph">Bref, si tu as besoin d'une fonctionnalité un peu plus poussée, il existe forcément une extension pour le faire.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Les étapes pour créer un site WordPress</h2>



<p class="wp-block-paragraph">Bon, maintenant que tu sais que tu as envie de créer ton site avec WordPress, comment on fait ?</p>



<p class="wp-block-paragraph">Voici les étapes à suivre :</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Hébergement &amp; nom de domaine</h3>



<p class="wp-block-paragraph">La 1ère chose à faire, c'est acheter ton nom de domaine et ton hébergement.</p>



<p class="wp-block-paragraph">Alors c'est quoi ça ?</p>



<p class="wp-block-paragraph">Pour faire simple, le nom de domaine, c&apos;est l&apos;adresse de ton site. Ce que les gens vont taper dans leur navigateur pour afficher ton site. Moi par exemple, mon nom de domaine c&apos;est &quot;steffilala.fr/&quot;.</p>



<p class="wp-block-paragraph">Quant à l'hébergement, il faut comprendre une chose : un site web, c'est un ensemble de fichiers informatiques. Rien de plus.</p>



<p class="wp-block-paragraph">Ces fichiers informatiques vont être lus par les navigateurs (par exemple : Google Chrome, Safari, Mozilla Firefox, ...) qui vont les afficher sous forme de page web pour que nous, petit·es humain·es que nous sommes, puissions comprendre facilement de quoi il s'agit.</p>



<p class="wp-block-paragraph">Et ces fichiers, il faut les stocker quelque part : sur notre hébergement.</p>



<p class="wp-block-paragraph">(Pour en savoir plus, je te conseille <a href="https://steffilala.fr/hebergement-web-ecologique/" target="_blank" rel="noreferrer noopener">cet article sur l'hébergement web écologique</a>)</p>



<p class="wp-block-paragraph">Alors où acheter un nom de domaine et un hébergement ? Personnellement, je travaille exclusivement avec <a href="https://www.infomaniak.com/goto/fr/home?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener"><strong>Infomaniak</strong></a>*, parce que c'est fiable et éco-responsable.</p>



<p class="wp-block-paragraph">Si tu es complètement perdu·e dans leurs offres, je te conseille <strong><a href="https://www.infomaniak.com/goto/fr/hosting.web?utm_term=61731c9b47a85" target="_blank" rel="noreferrer noopener">celle-ci</a></strong>* (tu cliques sur le lien et tu te laisses guider), qui sera suffisante dans 98% des cas. En cas de doute, tu peux aussi contacter leur équipe commerciale.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Installation de WordPress</h3>



<p class="wp-block-paragraph">Une fois que tu as ton nom de domaine et ton hébergement, il faut installer WordPress.</p>



<p class="wp-block-paragraph">On peut le faire manuellement mais on a dit que ce mode d'emploi devait être facile et rapide ! Alors on va utiliser le service de notre hébergeur pour le faire (<em>si tu n'as pas choisis Infomaniak, il est à 99% sûr que ton hébergeur propose l'installation automatique de WordPress aussi, c'est juste que la procédure pourra être un peu différente</em>).</p>



<p class="wp-block-paragraph">Pour savoir <strong>comment installer WordPress en 5 minutes top chrono</strong> avec Infomaniak, rendez-vous sur <strong><a href="https://www.infomaniak.com/fr/support/faq/1931/installer-un-nouveau-site-wordpress-desinstallation" target="_blank" rel="noreferrer noopener">ce tuto</a></strong>.</p>



<p class="wp-block-paragraph">Attention : lors de l'installation, tu devras choisir un thème. Je te conseille de lire le paragraphe suivant avec d'entamer la procédure.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Installation d'un thème WordPress</h3>



<p class="wp-block-paragraph">Ça y est, WordPress est installé ! Pour y accéder, tu peux taper dans ton navigateur : tonnomdemaine/wp-admin et te connecter avec tes identifiants.</p>



<p class="wp-block-paragraph">Maintenant, lors de l'installation, tu as peut-être dû choisir un thème.</p>



<p class="wp-block-paragraph">Qu'est-ce que c'est un <strong>thème WordPress</strong> ?</p>



<p class="wp-block-paragraph">C'est tout simplement un template, un modèle, qui va définir à quoi ressemble ton site.</p>



<p class="wp-block-paragraph">Et c'est là que peut commencer le casse-tête.</p>



<p class="wp-block-paragraph">Parce que des thèmes WordPress, il en existe des taaaaaas. Donc déjà, il faut choisir.</p>



<p class="wp-block-paragraph">Et puis ensuite, tous ne se valent pas.</p>



<p class="wp-block-paragraph">Il existe un catalogue officiel de thèmes, que tu peux retrouver dans l'administration de ton site, sous le menu Apparence - Thèmes (<em>dans la colonne de gauche quand tu te connectes à WordPress</em>). Certains sont gratuits, d'autres payants.</p>



<p class="wp-block-paragraph">Il existe aussi des sites externes qui vendent des thèmes, à tous les prix.</p>



<p class="wp-block-paragraph">Mon conseil ? Si tu n'y connais rien en création de site, choisis un thème qui intègre un constructeur de site, comme Divi.</p>



<p class="wp-block-paragraph">Un constructeur de site, c'est l'équivalent de canva.com pour la création de site. Tu construis ta page en ajoutant différents blocs que tu peux placer un peu comme tu veux et personnaliser. C'est ultra simple et ultra personnalisable.</p>



<p class="wp-block-paragraph">Normalement, Divi est payant. Mais si tu as pris ton hébergement chez Infomaniak, la licence est offerte à vie !</p>



<p class="wp-block-paragraph">Pour installer Divi avec Infomaniak : </p>



<ul class="wp-block-list">
<li>Rendez-vous sur manager.infomaniak.com</li>



<li>Dans la rubrique Produits, cliques sur Hébergement puis sélectionne l'hébergement concerné</li>



<li>Cliques sur le site concerné</li>



<li>Dans "Accéder à WordPress et aux Apps", passez ta souris sur le site concerné et cliques sur "Configurer"</li>



<li>Dans Général, descend un peu et cliques sur "Sélectionner" à côté de thème</li>



<li>Choisis le thème Divi (tout court) et enregistre !</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Création des pages</h3>



<p class="wp-block-paragraph">Et enfin la dernière étape, c'est de créer les pages de ton site, une à une !</p>



<p class="wp-block-paragraph">Techniquement, c'est très simple :</p>



<ul class="wp-block-list">
<li>Dans le menu WordPress : Pages puis Ajouter</li>



<li>Ensuite, tu donnes un titre à ta page et tu choisis "Utiliser Divi Builder"</li>
</ul>



<p class="wp-block-paragraph">Tu n'as plus qu'à ajouter les sections, rangées et modules pour construire ta page ! </p>



<p class="wp-block-paragraph">Mon conseil : réfléchis bien en amont à comment tu veux créer ton site, car si tu fais au fur et à mesure sans réfléchir, tu vas y passer des plombes pour un résultat un peu bof... Pour t'aider, tu peux créer une <a href="https://steffilala.fr/maquette-site-web/" target="_blank" rel="noreferrer noopener">maquette de ton site</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">La solution la plus simple pour créer son site WordPress</h2>



<p class="wp-block-paragraph">Tu l'as vu, créer un site WordPress, ça prend beaucoup d'étapes. Et puis c'est pas juste installer WordPress, il faut aussi savoir quelles pages créer, comment les organiser, quoi y mettre, ... Et rendre tout ça pro et beau. Bref, un vrai métier 😊</p>



<p class="wp-block-paragraph">Mais comme tout le monde n'a pas les moyens de déléguer la création de son site, j'ai créé mes propres thèmes WordPress Divi éco-responsables !</p>



<ol class="wp-block-list">
<li><strong>Un modèle de site moins polluant que 93% du web</strong> : clé en main, à installer un clic et à personnaliser selon ton identité et tes besoins</li>



<li><strong>Des tutos pas à pas</strong> : pour créer ton site, installer et personnaliser le thème. Je filme mon écran, tu n'as qu'à reproduire !</li>



<li><strong>Un accompagnement complet</strong> : un espace Notion pour t'aider à préparer la création de ton site, un module sur le SEO et un support par email pendant 3 mois.</li>
</ol>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="https://steffilala.fr/themes-wordpress-eco-responsables/" style="background-color:#004643">Plus d'infos sur les thèmes par ici !</a></div>
</div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Et voilà selon moi la façon la plus simple et rapide de créer un site sur WordPress. Quand on pense à la création de son site, on a souvent l'impression que ce sera hyper compliqué et qu'on va y passer beauuuucoup de temps. J'espère t'avoir donné des solutions concrètes pour faire de cette étape quelque chose de plaisant, simple et fluide !</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-1-683x1024.jpg" alt="Épingle Pinterest : La solution la plus simple pour créer un site WordPress" class="wp-image-30964" srcset="https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-1-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-1-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-1-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-1.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-2-683x1024.jpg" alt="Épingle Pinterest : Créer un site WordPress, mode d'emploi simple et rapide" class="wp-image-30965" srcset="https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-2-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-2-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-2-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-2.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-3-683x1024.jpg" alt="Épingle Pinterest : mode d'emploi simple &amp; rapide pour créer un site WordPress" class="wp-image-30966" srcset="https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-3-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-3-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-3-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/06/creer-site-wordpress-3.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/creer-site-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>5 erreurs qui vous empêchent d&#039;avoir un site internet professionnel</title>
		<link>https://steffilala.fr/site-internet-professionnel-erreurs/</link>
					<comments>https://steffilala.fr/site-internet-professionnel-erreurs/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 16 Feb 2023 05:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<category><![CDATA[podcast]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=30601</guid>

					<description><![CDATA[Vous avez créé votre site internet professionnel vous-même et vous sentez bien que quelque chose cloche ? Mais vous ne savez pas dire quoi... Dans cet article, je vous donne cinq erreurs qui empêchent votre site d'avoir l'air professionnel. Dans cet article, on va parler très concret : on va parler de choses qui empêchent [&#8230;]]]></description>
										<content:encoded><![CDATA[
<iframe name="Ausha Podcast Player" frameborder="0" loading="lazy" id="ausha-krsy" height="220" style="border: none; width:100%; height:220px" src="https://player.ausha.co/index.html?showId=BqNN6f1aMYYJ&color=%239e6b83&podcastId=yJkjxCkG1GA4&v=3&playerId=ausha-krsy"></iframe><script src="https://player.ausha.co/ausha-player.js"></script>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Vous avez créé votre site internet professionnel vous-même et vous sentez bien que quelque chose cloche ? Mais vous ne savez pas dire quoi... Dans cet article, je vous donne cinq erreurs qui empêchent votre site d'avoir l'air professionnel.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Dans cet article, on va parler très concret : on va parler de choses qui empêchent votre site d'avoir l'air professionnel.</p>



<p class="wp-block-paragraph">Quand on est entrepreneur ou entrepreneuse, souvent, la première fois qu'on va faire un site, on va le faire soi-même, par manque de moyens pour déléguer et c'est complètement ok. (Ça peut aussi être parce qu'on a juste envie de faire son site soi-même et d'apprendre des choses)</p>



<p class="wp-block-paragraph">Mais souvent, le résultat ne va pas forcément être à la hauteur de nos espérances.</p>



<p class="wp-block-paragraph">C'est un peu comme les expectations versus reality qu'on peut voir par exemple sur le site Shein. Je ne sais pas si vous avez déjà vu sur les réseaux sociaux mais en gros, vous avez une photo de la robe ou du top sur le site qui a l'air magnifique. Et puis quand on le reçoit, ça ressemble pas du tout au truc, c'est mal taillé, la couleur est dégueulasse, les finitions sont dégueulasses, etc... Bref, on voit que c'est pas aussi qualitatif que ça en avait l'air.</p>



<p class="wp-block-paragraph">Et bien c'est un peu la même idée. Parfois, quand on fait son site internet professionnel soi-même, on imagine un truc magnifique. Et puis en réalité, on voit bien que ce n'est pas aussi quali que ce qu'on voudrait, mais on sait pas trop pourquoi.</p>



<p class="wp-block-paragraph">Donc ici, je vais vous donner cinq trucs que je vois très souvent sur les sites internet fait maison et qui ruinent complètement le design, qui font que le site a l'air un peu cheap et que ça se voit qu'il a été fait par quelqu'un·e dont c'est pas le métier.</p>



<p class="wp-block-paragraph">L'objectif n'est absolument pas de juger qui que ce soit, c'est pas de dire "c'est nul ce que vous faites". Mais si vous avez fait votre site et que vous trouvez qu'il y a un petit truc qui cloche et que vous ne savez pas trop quoi, vous allez pouvoir vérifier ces cinq points.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Les couleurs et polices pour un site professionnel</h2>



<p class="wp-block-paragraph">La première erreur qui empêche votre site d'avoir l'air pro, c'est d'utiliser trop de couleurs et ou trop de polices ou alors de mal les utiliser.</p>



<p class="wp-block-paragraph">Utiliser beaucoup de couleurs quand on n'est pas graphiste ou web designer pro, c'est quand même très risqué. Parce que pour que ce soit joli, harmonieux et que le rendu soit vraiment quali, ça demande des compétences, ça demande de bien maîtriser le truc, et si c'est pas votre métier, c'est normal que vous maîtrisiez pas ça.</p>



<p class="wp-block-paragraph">Donc mon conseil, ce serait vraiment de limiter le nombre de couleurs sur votre site à deux ou trois. C'est déjà très très bien et ce sera beaucoup plus facile à manier si vous n'êtes pas professionnel.</p>



<p class="wp-block-paragraph">Ensuite, pour les polices, c'est pareil. De toute façon, même quand on est pro, la majorité du temps, on n'utilise pas trop de polices, parce que c'est juste pas cohérent. Il y a trop d'infos et ça, ça brouille le message.</p>



<p class="wp-block-paragraph">Donc mon conseil c'est de choisir deux polices : une pour les titres, une pour les paragraphes.</p>



<p class="wp-block-paragraph">Et surtout, ça je le vois souvent, les polices manuscrites, c'est-à-dire les polices où on a un peu l'impression que c'est écrit à la main, c'est très à la mode, très en vogue, mais c'est à utiliser avec parcimonie !</p>



<p class="wp-block-paragraph">Je le vois parfois, tout un paragraphe écrit avec une police manuscrite. Non seulement, c'est pas du tout lisible et c'est pas très bon pour l'accessibilité numérique, mais en plus ça donne vraiment ce côté un peu fait maison et pas du tout site internet professionnel.</p>



<p class="wp-block-paragraph">Donc je vous conseille vraiment de prendre une police sans serif pour les paragraphes. Et puis après pour les titres, là vous pouvez aller dans un peu plus de fantaisie sans problème.</p>



<p class="wp-block-paragraph">Mais voilà, l'idée principale de cette première erreur, c'est de ne pas en faire trop, de ne pas en mettre trop. Vraiment, le maître mot, c'est less is more.</p>



<p class="wp-block-paragraph">Si vous ne maîtrisez pas bien le design, faites simple.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Pour un site internet professionnel : soyez cohérent·e !</h2>



<p class="wp-block-paragraph">La deuxième erreur que je vois souvent et qui m'indique que le site n'a pas forcément été fait par un pro, c'est le manque de cohérence.</p>



<p class="wp-block-paragraph">Ce que j'appelle le manque de cohérence, c'est que par exemple, les titres vont être écrits d'une certaine façon ou d'une certaine couleur à un endroit. Et puis sur une autre page ce sera différent. Les boutons pareil, parfois ils seront bleus sur une page et rouges sur une autre.</p>



<p class="wp-block-paragraph">Encore une fois, ça peut être un parti pris de design de faire ça, mais ça demande de le faire bien et de maîtriser la chose. Donc si vous n'êtes pas pro, je vous conseille, pour que votre site soit vraiment cohérent et harmonieux, de définir des règles.</p>



<p class="wp-block-paragraph">C'est-à-dire : un titre de niveau un, c'est telle police, telle couleur et telle taille et ce sera pareil sur toutes les pages.</p>



<p class="wp-block-paragraph">Un titre de niveau deux, telle couleur, telle police et taille, et sur toutes les pages c'est pareil.</p>



<p class="wp-block-paragraph">Les boutons, ce sera les mêmes sur toutes les pages.</p>



<p class="wp-block-paragraph">C'est ce qui va vraiment donner beaucoup plus de cohérence et d'harmonie à votre site internet et qui va le rendre plus professionnel.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">N'ayez pas peur du vide !</h2>



<p class="wp-block-paragraph">La troisième erreur que je vois très très très très souvent, qui est une erreur vraiment commune mais qui est assez facile à corriger et qui change tout : c'est les marges.</p>



<p class="wp-block-paragraph">Souvent, je ne sais pas pourquoi, mais les gens hésitent à mettre des marges et du coup on se retrouve avec des éléments qui sont tous collés les uns aux autres.</p>



<p class="wp-block-paragraph">Mais vraiment, il ne faut pas avoir peur de l'espace blanc.</p>



<p class="wp-block-paragraph">Alors c'est pas vraiment un espace blanc si votre fond est rose par exemple, c'est un espace rose. Mais il ne faut pas avoir peur du vide dans le design web.</p>



<p class="wp-block-paragraph">Il faut même l'embrasser à bras ouverts !</p>



<p class="wp-block-paragraph">Parce que c'est vraiment ce qui va aérer le site, lui donner une image beaucoup plus pro et qui va améliorer la lisibilité de tous les éléments. On voit bien chaque chose.</p>



<p class="wp-block-paragraph">Ça va ajouter du professionnalisme et de la clarté à votre site.</p>



<p class="wp-block-paragraph">Donc n'hésitez surtout pas à augmenter les marges entre les différentes sections, entre les paragraphe et les boutons par exemple ou encore autour des photos.</p>



<p class="wp-block-paragraph">Si vous voulez un site internet professionnel, ajouter de l'espace vide, ça peut vraiment faire la différence.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Pour un site professionnel : attention aux visuels !</h2>



<p class="wp-block-paragraph">La quatrième erreur que je vois souvent et qui donne un peu cet aspect cheap ou bas de gamme à un site internet, ça va se passer au niveau des photos.</p>



<p class="wp-block-paragraph">Par exemple, les photos vont être de mauvaise qualité, donc pixélisées à outrance.</p>



<p class="wp-block-paragraph">Alors je ne suis pas pour mettre des photos haute définition sur un site, juste pour montrer votre tête. Clairement, ça sert à rien, c'est hyper lourd et ça va ralentir votre site, le rendre plus polluant.</p>



<p class="wp-block-paragraph">Donc voilà, on n'est pas obligé·e de mettre des photos qui pèsent trois gigas sur un site, mais il ne faut pas non plus tomber dans l'excès inverse où la photo est complètement floue et pixelisée. Là ça va donner une image de mauvaise qualité.</p>



<p class="wp-block-paragraph">Et après, pour le choix des photos, n'hésitez vraiment pas si vous n'en avez pas, si vous n'avez pas les moyens de faire un shooting photo (ce que j'entends complètement), à utiliser les banques d'images.</p>



<p class="wp-block-paragraph">Il y en a des gratuites, mais aussi des payantes mais pas très chères. Ça permet d'avoir des photos peut être un peu moins vues par tout le monde.</p>



<p class="wp-block-paragraph">Mais honnêtement, les banques d'images gratuites, il y a tellement, tellement, tellement de contenus que c'est assez facile de trouver, si on cherche un peu, des photos qui se démarquent. </p>



<p class="wp-block-paragraph">Autre conseil que je peux vous donner, c'est d'essayer de prendre des photos qui sont un peu toutes dans la même ambiance, dans les mêmes tons. Si ça s'accorde en plus à votre identité visuelle, c'est parfait.</p>



<p class="wp-block-paragraph">Mais voilà, vous pouvez facilement trouver des photos de qualité si vous n'en avez pas, il y en a plein de disponibles sur internet. Il faudra juste créditer les photographes, mais ensuite vous pouvez les utiliser de façon libre.</p>



<p class="wp-block-paragraph">Je vous donne quelques sites : <a href="https://unsplash.com/fr" target="_blank" rel="noreferrer noopener">Unsplash</a>, <a href="https://www.pexels.com/fr-fr/" target="_blank" rel="noreferrer noopener">Pexels</a> ou <a href="https://www.canva.com/" target="_blank" rel="noreferrer noopener">Canva</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Ne négligez pas la version mobile !</h2>



<p class="wp-block-paragraph">Et enfin, la cinquième erreur qui empêche votre site d'avoir l'air professionnel, c'est une version mobile catastrophique.</p>



<p class="wp-block-paragraph">Alors souvent, quand on crée un site internet, on le crée sur un ordinateur. C'est quand même vachement plus pratique ! Mais on oublie d'aller voir ce que ça donne sur téléphone...</p>



<p class="wp-block-paragraph">Et pourtant, il y a une grosse partie du trafic d'internet qui se fait sur téléphone et de plus en plus.</p>



<p class="wp-block-paragraph">Donc c'est vraiment important, pour avoir un site internet professionnel, que la version mobile de votre site soit impeccable !</p>



<p class="wp-block-paragraph">Que vous utilisiez Wix, Show It, Elementor, Divi ou je ne sais quoi, sur la majorité des plateformes qui permettent de créer des sites sans coder, il y a une possibilité de gérer la version mobile du site.</p>



<p class="wp-block-paragraph">Donc cherchez dans un moteur de recherche comment on fait si vous ne savez pas, mais il y a souvent des ajustements à faire, que ce soit au niveau de la disposition des éléments ou de leur taille par exemple.</p>



<p class="wp-block-paragraph">Si vous faites votre site vous-même et que vous avez envie qu'il ait l'air professionnel, c'est important de s'assurer que la version mobile est claire, cohérente et jolie.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-medium-font-size wp-block-paragraph"><strong>Besoin d'aide pour créer un site pro ? Rejoins mon challenge gratuit !</strong></p>



<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1705404");</style>
    <style type="text/css">
    /* LOADER */
    .ml-form-embedSubmitLoad {
      display: inline-block;
      width: 20px;
      height: 20px;
    }

    .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: ;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    .ml-form-embedSubmitLoad:after {
      content: " ";
      display: block;
      width: 11px;
      height: 11px;
      margin: 1px;
      border-radius: 50%;
      border: 4px solid #fff;
    border-color: #ffffff #ffffff #ffffff transparent;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite;
    }
    @keyframes ml-form-embedSubmitLoad {
      0% {
      transform: rotate(0deg);
      }
      100% {
      transform: rotate(360deg);
      }
    }
      #mlb2-11133757.ml-form-embedContainer {
        box-sizing: border-box;
        display: table;
        margin: 0 auto;
        position: static;
        width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer h4,
      #mlb2-11133757.ml-form-embedContainer p,
      #mlb2-11133757.ml-form-embedContainer span,
      #mlb2-11133757.ml-form-embedContainer button {
        text-transform: none !important;
        letter-spacing: normal !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper {
        background-color: #f7f5f3;
        
        border-width: 1px;
        border-color: #2e0219;
        border-radius: 4px;
        border-style: solid;
        box-sizing: border-box;
        display: inline-block !important;
        margin: 0;
        padding: 0;
        position: relative;
              }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-left { text-align: left; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-center { text-align: center; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-right { text-align: right; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: auto;
        margin: 0 auto !important;
        max-width: 100%;
        width: undefinedpx;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
        padding: 20px 20px 0 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
        padding-bottom: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
        text-align: left;
        margin: 0 0 20px 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 30px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-align: left;
        word-break: break-word;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 10px 0;
        text-align: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol {
        list-style-type: lower-alpha;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol {
        list-style-type: lower-roman;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
        color: #000000;
        text-decoration: underline;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
        text-align: left!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
        margin-bottom: 5px;
        color: #333333;
        font-size: 14px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: bold; font-style: normal; text-decoration: none;;
        display: inline-block;
        line-height: 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
        margin: 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        margin: 0 0 20px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        height: auto;
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
        margin: 0 0 10px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          border-color: #cccccc!important;
          background-color: #ffffff!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
        border-radius: 4px!important;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before  {
          border-color: #000000!important;
          background-color: #000000!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after {
           top: 2px;
           box-sizing: border-box;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
           top: 0px!important;
           box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
        top: 0px!important;
           box-sizing: border-box!important;
      }

       #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after {
            top: 0px!important;
            box-sizing: border-box!important;
            position: absolute;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
       }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before {
        top: 0px!important;
        box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
          position: absolute;
          top: 2px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after {
          background: no-repeat 50%/50% 50%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          background: no-repeat 50%/50% 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          box-sizing: border-box;
          padding: 0;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label {
          color: #000000;
          font-size: 12px!important;
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
          line-height: 22px;
          margin-bottom: 0;
          position: relative;
          vertical-align: top;
          font-style: normal;
          font-weight: 700;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 28px 10px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        background: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg') no-repeat right .75rem center/8px 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
        height: auto;
        width: 100%;
        float: left;
      }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px;  }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px;  }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
        background-color: #ffffff;
        color: #333333;
        border-color: #cccccc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px;
        width: 100%;
        box-sizing: border-box;
        overflow-y: initial;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
        background-color: #9E6B83 !important;
        border-color: #9E6B83;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        box-shadow: none;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        line-height: 20px;
        margin: 0 !important;
        padding: 10px !important;
        width: 100%;
        height: auto;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
        background-color: #004643 !important;
        border-color: #004643 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
        color: #000000;
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0;
        position: relative;
        vertical-align: top;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        min-height: 24px;
        padding-left: 24px;

      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
        color: #000000;
        text-decoration: underline;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
        color: #000000 !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px !important;
        padding: 0 !important;
        margin: 0 5px 0 0 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
        background-color: #9E6B83 !important;
        border: none !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 21px !important;
        height: auto;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
        display: none;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
        background-color: #004643 !important;
      }
      .ml-subscribe-close {
        width: 30px;
        height: 30px;
        background: url('https://assets.mlcdn.com/ml/images/default/modal_close.png') no-repeat;
        background-size: 30px;
        cursor: pointer;
        margin-top: -10px;
        margin-right: -10px;
        position: absolute;
        top: 0;
        right: 0;
      }
      .ml-error input, .ml-error textarea, .ml-error select {
        border-color: red!important;
      }

      .ml-error .custom-checkbox-radio-list {
        border: 1px solid red !important;
        border-radius: 4px;
        padding: 10px;
      }

      .ml-error .label-description,
      .ml-error .label-description p,
      .ml-error .label-description p a,
      .ml-error label:first-child {
        color: #ff0000 !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
        color: #ff0000 !important;
      }
            @media only screen and (max-width: 400px){

        .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
        .ml-form-formContent.horozintalForm { float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; }

      }
    </style>

    
  
    
    

    
    

    
    

    

      
        
        
      

      
        
        
      

      

            
            
            
            
            
            
      

      

      
        
        
         
        
        
      

        
        
        
        
        
        
      

       

        
        
        
        
        
        
        
       


      
        
        
        
        
  



  
        
        
        
      


      
    
    
    
    
    
    
    
  

  
        
        
        
        
        
      

      
        
        
        
        
        
      

      
        
        
        
        
        
      

       

        
        
        
        
       

       
        
        
        
        
      

      
        
        
        
        
        
        
        
       

    

    


      


      

      
      

      

      





    

      
    <div id="mlb2-11133757" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-11133757">
      <div class="ml-form-align-center ">
        <div class="ml-form-embedWrapper embedForm">

          
          

          <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">

            <div class="ml-form-embedContent" style=" ">
              
                <h4></h4>
                <h2>Challenge gratuit : 5 jours pour préparer la création de ton site !</h2>
<p>La préparation est l'étape la plus importante de la création d'un site. Et pourtant, 90% des personnes la négligent.</p>
<p>Si tu veux un site qui soit vraiment <strong>au service de ton entreprise</strong> et qui t'apporte les <strong>résultats</strong> que tu souhaites, je t'accompagne pas à pas dans ce processus.</p>
<p><strong>1 action par jour pendant 5 jours</strong> : du choix de ce que tu vas mettre sur ton site jusqu'à la rédaction de tes textes, en passant par l'arborescence et l'identité visuelle. Tu auras toutes les cartes en main pour créer un site qui répond à tes objectifs !</p>
              
            </div>

            <form class="ml-block-form" action="https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/subscribe" data-code="" method="post" target="_blank">
              <div class="ml-form-formContent">
                

                  
                  <div class="ml-form-fieldRow ">
                    <div class="ml-field-group ml-field-name">

                      


                      <!-- input -->
                      <input aria-label="name" type="text" class="form-control" data-inputmask="" name="fields[name]" placeholder="Prénom" autocomplete="given-name">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div><div class="ml-form-fieldRow ml-last-item">
                    <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">

                      


                      <!-- input -->
                      <input aria-label="email" aria-required="true" type="email" class="form-control" data-inputmask="" name="fields[email]" placeholder="Email" autocomplete="email">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div>
                
              </div>

              

              <!-- Privacy policy -->
              
              <!-- /Privacy policy -->

              

              

              <div class="ml-form-checkboxRow ml-validate-required">
                
                  <label class="checkbox">
                    <input type="checkbox">
                    <div class="label-description">
                      <p>En cochant cette case, tu acceptes de recevoir des emails de la part de steffilala.fr/. Tu seras également inscrit·e automatiquement à la newsletter bi-mensuelle, de laquelle tu peux te désinscrire facilement à tout moment.</p>
                    </div>
                  </label>
                
              </div>






              
              <input type="hidden" name="ml-submit" value="1">

              <div class="ml-form-embedSubmit">
                
                  <button type="submit" class="primary">Je rélève le défi !</button>
                
                <button disabled="disabled" style="display: none;" type="button" class="loading">
                  <div class="ml-form-embedSubmitLoad"></div>
                  <span class="sr-only">Loading...</span>
                </button>
              </div>

              
              <input type="hidden" name="anticsrf" value="true">
            </form>
          </div>

          <div class="ml-form-successBody row-success" style="display: none">

            <div class="ml-form-successContent">
              
                <h4>Youpi !</h4>
                <p><strong>Rendez-vous dans ta boite mail pour découvrir la 1ère action dès maintenant ! </strong>Pense à checker tes spams si tu ne reçois rien, etsi j'y suis,&nbsp;ajoute-moi à tes contacts 😉</p>
              
            </div>

          </div>
        </div>
      </div>
    </div>

  

  
  
  <script>
    function ml_webform_success_11133757() {
      var $ = ml_jQuery || jQuery;
      $('.ml-subscribe-form-11133757 .row-success').show();
      $('.ml-subscribe-form-11133757 .row-form').hide();
    }
      </script>
  
  
      <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v2d8fb22bb5b3677f161552cd9e774127" type="text/javascript"></script>
        <script>
            fetch("https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/takel")
        </script>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Voilà donc pour les cinq erreurs qui empêchent votre site d'avoir l'air professionnel. C'est vraiment les cinq choses que je vois le plus souvent sur les sites faits maison ! Et c'est vraiment des choses faciles à corriger et qui peuvent tout changer.</p>



<p class="wp-block-paragraph">Donc je vous conseille de vérifier ça si vous avez fait votre site vous même et que vous voulez le rendre plus professionnel.</p>



<p class="wp-block-paragraph">Si vous avez envie d'aller plus loin dans l'amélioration de votre site, je peux vous conseiller ces articles :</p>



<ul class="wp-block-list">
<li><a href="https://steffilala.fr/creation-site-internet-erreurs/" target="_blank" rel="noreferrer noopener">5 erreurs que les entreprises engagées font sur leur site</a></li>



<li><a href="https://steffilala.fr/8-raisons-site-convertit-pas/" target="_blank" rel="noreferrer noopener">8 raisons pour lesquelles votre site ne vous apporte pas de clientèle</a></li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-1-683x1024.jpg" alt="Épingle Pinterest : 5 erreurs qui vous empêchent d'avoir un site internet professionnel" class="wp-image-30603" srcset="https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-1-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-1-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-1-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-1.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-2-683x1024.jpg" alt="Épingle Pinterest : 5 points à vérifier pour un site internet professionnel" class="wp-image-30604" srcset="https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-2-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-2-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-2-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-2.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-3-683x1024.jpg" alt="Épingle Pinterest : 5 erreurs qui vous empêchent d'avoir un site internet professionnel" class="wp-image-30605" srcset="https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-3-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-3-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-3-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/02/site-internet-professionnel-3.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/site-internet-professionnel-erreurs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Arborescence de site web : pourquoi et comment la créer ?</title>
		<link>https://steffilala.fr/arborescence-site-web/</link>
					<comments>https://steffilala.fr/arborescence-site-web/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 26 Jan 2023 05:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<category><![CDATA[podcast]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=30572</guid>

					<description><![CDATA[Aujourd'hui, je vous parle d'une étape cruciale mais souvent négligée : la création de l'arborescence d'un site web ! Qu'est ce qu'une arborescence de site web ? En fait, c'est tout simplement la façon dont est organisé le contenu du site, la façon dont sont organisées les pages. Et donc, très concrètement, ça ressemble un [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Aujourd'hui, je vous parle d'une étape cruciale mais souvent négligée : la création de l'<strong>arborescence d'un site web</strong> !</p>



<iframe frameborder="0" loading="lazy" id="ausha-fVzp" height="220" style="border: none; width:100%; height:220px" src="https://player.ausha.co/index.html?showId=BqNN6f1aMYYJ&color=%239e6b83&podcastId=o9zLeIe48q86&v=3&playerId=ausha-fVzp"></iframe><script src="https://player.ausha.co/ausha-player.js"></script>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Qu'est ce qu'une arborescence de site web ?</h2>



<p class="wp-block-paragraph">En fait, c'est tout simplement la façon dont est organisé le contenu du site, la façon dont sont organisées les pages.</p>



<p class="wp-block-paragraph">Et donc, très concrètement, ça ressemble un peu à un organigramme où vous avez les pages, les sous-pages, les sous-sous-pages... Vous allez y mettre le contenu de votre site web et la hiérarchie qu'il y a entre les différents contenus.</p>



<p class="wp-block-paragraph">Donc c'est une étape très importante parce qu'elle va déterminer la facilité de navigation sur votre site. Et ça, c'est vraiment un critère extrêmement important.</p>



<p class="wp-block-paragraph">Je le dis souvent ici, mais si vous avez un site où les gens ne comprennent pas pourquoi il est là et où est ce qu'on trouve les choses, ça sert à rien d'avoir un site.</p>



<p class="wp-block-paragraph">Donc le but c'est vraiment que les choses soient les plus le plus logique possible, pour que la personne qui visite votre site trouve ce qu'elle cherche facilement et rapidement.</p>



<p class="wp-block-paragraph">La compétence numéro un requise pour créer l'arborescence de votre site web, c'est tout simplement le bon sens !</p>



<p class="wp-block-paragraph">Et je sais que ça peut être parfois un peu compliqué, parce que quand on a la tête dans le guidon et qu'on n'a plus assez de recul, ben le bon sens et la logique, on les perd un peu... Et c'est tout à fait normal ! Vous n'êtes pas stupide, c'est juste normal.</p>



<p class="wp-block-paragraph">Ce que je peux vous conseiller : présenter l'arborescence de votre site web une fois qu'elle est faite à quelques personnes de votre entourage. Et puis demandez leur si ça leur semble logique et fluide !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Les étapes de création d'une arborescence de site internet</h2>



<h3 class="wp-block-heading">1- Lister le contenu</h3>



<p class="wp-block-paragraph">Alors la première étape pour créer une arborescence de sites internet, c'est d'abord de lister tout le contenu qu'on souhaite mettre sur son site.</p>



<p class="wp-block-paragraph">À cette première étape, ne vous mettez aucune barrière, aucune limite.</p>



<p class="wp-block-paragraph">Vraiment, vous listez absolument tout ce qui vous vient en tête et que vous imaginez mettre sur votre site.</p>



<p class="wp-block-paragraph">Donc dans un premier temps, on met vraiment tout ce qu'on a en tête et ensuite on vient faire le tri.</p>



<p class="wp-block-paragraph">Et pour faire le tri, on peut se poser quelques questions :</p>



<ul class="wp-block-list">
<li>Quels sont les besoins, les miens ou ceux de l'utilisateurice, qui justifie la création de cette fonctionnalité ?</li>



<li>Est-ce qu'il existe une autre solution, en dehors du site, pour faire ça ?</li>



<li>Est-ce-que ce serait aussi pratique et efficace ?</li>



<li>Qu'est-ce-qu'il se passe si je n'ai pas ça sur mon site ? Est-ce-que ce serait vraiment grave ? (<em>Alors évidemment, à l'échelle de la création d'un site internet, oui, rien dans l'absolu ne serait très grave. Mais voilà, vous comprenez l'idée.</em>)</li>



<li>...</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">2- Regrouper et hiérarchiser</h3>



<p class="wp-block-paragraph">Une fois que vous avez fait ça, vous aurez normalement fait un peu le tri et vous saurez exactement tout ce qu'il y aura sur votre site.</p>



<p class="wp-block-paragraph">Donc la deuxième étape ensuite, ça va être de regrouper et hiérarchiser un peu tout ce contenu.</p>



<p class="wp-block-paragraph">Et c'est là en fait où la logique et le bon sens vont prendre leur place. C'est à dire qu'il y a pas vraiment de secret pour faire ça, il faut juste se dire : qu'est ce qu'il est logique de regrouper ?</p>



<p class="wp-block-paragraph">Qu'est ce qui fait sens ? Qu'est ce qui sera pratique ? Etc, etc...</p>



<p class="wp-block-paragraph">Quelques conseils quand même que je peux vous donner :</p>



<ul class="wp-block-list">
<li>Ne faites pas 1000 catégories ou 1000 pages. Vous allez perdre les gens s'il y en a trop. Donc essayez vraiment de regrouper un maximum les choses qui vont ensemble.</li>
</ul>



<ul class="wp-block-list">
<li>Essayez de ne pas aller trop loin en sous catégorie, ne faites pas de pages trop profondes (<em>c'est-à-dire celles où il faut cliquer quatorze fois avant d'arriver sur la page en question</em>). Il y a des fois où ça peut être justifié éventuellement, mais dans la majorité des cas, c'est juste qu'on est allé·es un peu trop loin dans la sous-catégorisation.</li>
</ul>



<p class="wp-block-paragraph">Essayez, et en fait c'est le maître mot de tout ça, de rester le plus simple possible.</p>



<p class="wp-block-paragraph">C'est vraiment se mettre à la place de la personne qui va visiter notre site et se dire : voilà, comment elle peut trouver les choses de façon la plus facile possible.</p>



<p class="wp-block-paragraph">Après, évidemment, on a chacun notre logique, donc il faut faire des arbitrages et puis éventuellement, on peut ajuster après avec la pratique.</p>



<p class="wp-block-paragraph">Mais dans un premier temps, il va falloir faire des choix qui nous semblent, à nous, les plus logiques.</p>



<p class="wp-block-paragraph">Et donc à la fin de cette étape, on doit normalement avoir une espèce d'arbre hiérarchique, d'organigramme.</p>



<p class="wp-block-paragraph">Alors tout en haut, ce sera toujours la page d'accueil. Ensuite, on aura les différentes catégories principales, qui seront des pages. Et ensuite, on aura peut-être des sous-catégories qui peuvent faire l'objet d'une page entière, ou être juste différentes sections de la page.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">3- Imaginer la navigation</h3>



<p class="wp-block-paragraph">Alors en vrai, je vais un petit peu plus loin que juste créer l'arborescence de son site web.</p>



<p class="wp-block-paragraph">Prce qu'on pourrait s'arrêter à l'étape deux et se dire ok, c'est bon, j'ai mon arborescence.</p>



<p class="wp-block-paragraph">Mais moi j'aime bien aller un petit peu plus loin, et ça permet aussi de vérifier si ce qu'on a fait est logique ou pas.</p>



<p class="wp-block-paragraph">Cette troisième étape, c'est d'imaginer la navigation, c'est-à-dire le chemin que va emprunter une personne qui est sur notre site, pour arriver à un objectif précis.</p>



<p class="wp-block-paragraph">Donc c'est assez simple, mais ça peut être un peu long.</p>



<p class="wp-block-paragraph">L'idée, c'est vraiment d'imaginer, comme je le disais, comment les personnes qui visitent votre site vont naviguer d'une page à l'autre. Et en fait, on va pour ça imaginer le parcours idéal de la personne et s'assurer que c'est court, simple et fluide.</p>



<p class="wp-block-paragraph">Donc bien évidemment, et c'est pour ça que ça peut-être un peu long, il n'y a pas qu'un seul parcours possible.</p>



<p class="wp-block-paragraph">Mais ça va permettre de définir en fait, quel appel à l'action il faudra mettre sur chaque page.</p>



<p class="wp-block-paragraph">Je vous donne un exemple pour que ce soit un peu plus parlant : je vais prendre tout simplement mon site à moi.</p>



<p class="wp-block-paragraph">Moi, je propose de la création de site internet. Donc imaginons, une personne arrive sur la page d'accueil.</p>



<p class="wp-block-paragraph">Sur la page d'accueil, elle voit un aperçu de mes services et elle se dit ok, c'est cool, j'ai envie d'en savoir plus et donc elle veut aller sur la page service.</p>



<p class="wp-block-paragraph">Une fois qu'elle est sur la page services, elle voit le détail du service qui l'intéresse et elle se dit ok, ça m'intéresse mais j'ai envie de voir concrètement les réalisations de Steffi.</p>



<p class="wp-block-paragraph">Donc là, elle va aller sur ma page portfolio et visiter différents projets.</p>



<p class="wp-block-paragraph">Donc après avoir vu mon portfolio, elle est convaincue et elle veut travailler avec moi.</p>



<p class="wp-block-paragraph">Donc là, il faut lui proposer une solution pour pouvoir travailler avec moi.</p>



<p class="wp-block-paragraph">Donc dans ce parcours, on va dire que l'objectif, c'était que la personne travaille avec moi, me contacte pour travailler avec moi. En fait, ce que ça veut dire, c'est qu'il faudra plusieurs appels à l'action sur les différentes pages que la personne va visiter.</p>



<p class="wp-block-paragraph">Dans ce cas précis, il faudra un appel à l'action qui mène vers la page de mes services sur la page d'accueil. Ensuite, une fois que la personne est sur la page des services, comme elle voulait voir mes réalisations, il faudra l'emmener sur la page portfolio. Et sur la page portfolio, comme elle a été convaincue et qu'elle veut travailler avec moi, et bien il faudrait que je l'emmène sur une page pour me contacter ou prendre un rendez vous.</p>



<p class="wp-block-paragraph">Voilà, donc vous pouvez imaginer beaucoup de parcours et une fois que vous avez imaginé ces parcours, encore une fois, vous pouvez peut-être les présenter à quelques personnes de votre entourage, des Business friends ou d'autres gens à qui ça parle un petit peu.</p>



<p class="wp-block-paragraph">Je trouve que c'est bien de confronter ses idées parce que encore une fois, quand on travaille pour soi et qu'on a la tête dans le guidon, c'est parfois difficile d'avoir le recul nécessaire pour être vraiment logique et avoir le bon sens.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Voilà donc comment on crée une arborescence de site web. Comme je l'ai dit, c'est vraiment extrêmement important de bien travailler cette étape pour que votre site internet soit efficace et qu'il serve vos objectifs !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Un challenge gratuit pour vous aider à créer votre site !</h2>



<p class="wp-block-paragraph">Vous êtes actuellement en train de créer votre site vous-même ?</p>



<p class="wp-block-paragraph">Vous galérez et perdez du temps ? Je peux vous aider !</p>



<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1705404");</style>
    <style type="text/css">
    /* LOADER */
    .ml-form-embedSubmitLoad {
      display: inline-block;
      width: 20px;
      height: 20px;
    }

    .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: ;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    .ml-form-embedSubmitLoad:after {
      content: " ";
      display: block;
      width: 11px;
      height: 11px;
      margin: 1px;
      border-radius: 50%;
      border: 4px solid #fff;
    border-color: #ffffff #ffffff #ffffff transparent;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite;
    }
    @keyframes ml-form-embedSubmitLoad {
      0% {
      transform: rotate(0deg);
      }
      100% {
      transform: rotate(360deg);
      }
    }
      #mlb2-11133757.ml-form-embedContainer {
        box-sizing: border-box;
        display: table;
        margin: 0 auto;
        position: static;
        width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer h4,
      #mlb2-11133757.ml-form-embedContainer p,
      #mlb2-11133757.ml-form-embedContainer span,
      #mlb2-11133757.ml-form-embedContainer button {
        text-transform: none !important;
        letter-spacing: normal !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper {
        background-color: #f7f5f3;
        
        border-width: 1px;
        border-color: #2e0219;
        border-radius: 4px;
        border-style: solid;
        box-sizing: border-box;
        display: inline-block !important;
        margin: 0;
        padding: 0;
        position: relative;
              }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-left { text-align: left; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-center { text-align: center; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-align-right { text-align: right; }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: auto;
        margin: 0 auto !important;
        max-width: 100%;
        width: undefinedpx;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
        padding: 20px 20px 0 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
        padding-bottom: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
        text-align: left;
        margin: 0 0 20px 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 30px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-align: left;
        word-break: break-word;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 10px 0;
        text-align: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
        color: #000000;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol {
        list-style-type: lower-alpha;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol {
        list-style-type: lower-roman;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
        color: #000000;
        text-decoration: underline;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
        text-align: left!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
        margin-bottom: 5px;
        color: #333333;
        font-size: 14px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: bold; font-style: normal; text-decoration: none;;
        display: inline-block;
        line-height: 20px;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
        margin: 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        margin: 0 0 20px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        height: auto;
        float: left;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
        margin: 0 0 10px 0;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          border-color: #cccccc!important;
          background-color: #ffffff!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
        border-radius: 4px!important;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before  {
          border-color: #000000!important;
          background-color: #000000!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after {
           top: 2px;
           box-sizing: border-box;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
           top: 0px!important;
           box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
        top: 0px!important;
           box-sizing: border-box!important;
      }

       #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after {
            top: 0px!important;
            box-sizing: border-box!important;
            position: absolute;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
       }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before {
        top: 0px!important;
        box-sizing: border-box!important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
          position: absolute;
          top: 2px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after {
          background: no-repeat 50%/50% 50%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          background: no-repeat 50%/50% 50%;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          box-sizing: border-box;
          padding: 0;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label {
          color: #000000;
          font-size: 12px!important;
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
          line-height: 22px;
          margin-bottom: 0;
          position: relative;
          vertical-align: top;
          font-style: normal;
          font-weight: 700;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Exo', sans-serif;
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 28px 10px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        background: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg') no-repeat right .75rem center/8px 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }


      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
        height: auto;
        width: 100%;
        float: left;
      }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px;  }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px;  }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
        background-color: #ffffff;
        color: #333333;
        border-color: #cccccc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px;
        width: 100%;
        box-sizing: border-box;
        overflow-y: initial;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
        background-color: #9E6B83 !important;
        border-color: #9E6B83;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        box-shadow: none;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        line-height: 20px;
        margin: 0 !important;
        padding: 10px !important;
        width: 100%;
        height: auto;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
        background-color: #004643 !important;
        border-color: #004643 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
        color: #000000;
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0;
        position: relative;
        vertical-align: top;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        min-height: 24px;
        padding-left: 24px;

      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
        color: #000000;
        text-decoration: underline;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
        color: #000000 !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px !important;
        padding: 0 !important;
        margin: 0 5px 0 0 !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
        margin: 0;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
        background-color: #9E6B83 !important;
        border: none !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Exo', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 21px !important;
        height: auto;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
        display: none;
      }
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
        background-color: #004643 !important;
      }
      .ml-subscribe-close {
        width: 30px;
        height: 30px;
        background: url('https://assets.mlcdn.com/ml/images/default/modal_close.png') no-repeat;
        background-size: 30px;
        cursor: pointer;
        margin-top: -10px;
        margin-right: -10px;
        position: absolute;
        top: 0;
        right: 0;
      }
      .ml-error input, .ml-error textarea, .ml-error select {
        border-color: red!important;
      }

      .ml-error .custom-checkbox-radio-list {
        border: 1px solid red !important;
        border-radius: 4px;
        padding: 10px;
      }

      .ml-error .label-description,
      .ml-error .label-description p,
      .ml-error .label-description p a,
      .ml-error label:first-child {
        color: #ff0000 !important;
      }

      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
      #mlb2-11133757.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
        color: #ff0000 !important;
      }
            @media only screen and (max-width: 400px){

        .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
        .ml-form-formContent.horozintalForm { float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; }

      }
    </style>

    
  
    
    

    
    

    
    

    

      
        
        
      

      
        
        
      

      

            
            
            
            
            
            
      

      

      
        
        
         
        
        
      

        
        
        
        
        
        
      

       

        
        
        
        
        
        
        
       


      
        
        
        
        
  



  
        
        
        
      


      
    
    
    
    
    
    
    
  

  
        
        
        
        
        
      

      
        
        
        
        
        
      

      
        
        
        
        
        
      

       

        
        
        
        
       

       
        
        
        
        
      

      
        
        
        
        
        
        
        
       

    

    


      


      

      
      

      

      





    

      
    <div id="mlb2-11133757" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-11133757">
      <div class="ml-form-align-center ">
        <div class="ml-form-embedWrapper embedForm">

          
          

          <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">

            <div class="ml-form-embedContent" style=" ">
              
                <h4></h4>
                <h2>Challenge gratuit : 5 jours pour préparer la création de ton site !</h2>
<p>La préparation est l'étape la plus importante de la création d'un site. Et pourtant, 90% des personnes la négligent.</p>
<p>Si tu veux un site qui soit vraiment <strong>au service de ton entreprise</strong> et qui t'apporte les <strong>résultats</strong> que tu souhaites, je t'accompagne pas à pas dans ce processus.</p>
<p><strong>1 action par jour pendant 5 jours</strong> : du choix de ce que tu vas mettre sur ton site jusqu'à la rédaction de tes textes, en passant par l'arborescence et l'identité visuelle. Tu auras toutes les cartes en main pour créer un site qui répond à tes objectifs !</p>
              
            </div>

            <form class="ml-block-form" action="https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/subscribe" data-code="" method="post" target="_blank">
              <div class="ml-form-formContent">
                

                  
                  <div class="ml-form-fieldRow ">
                    <div class="ml-field-group ml-field-name">

                      


                      <!-- input -->
                      <input aria-label="name" type="text" class="form-control" data-inputmask="" name="fields[name]" placeholder="Prénom" autocomplete="given-name">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div><div class="ml-form-fieldRow ml-last-item">
                    <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">

                      


                      <!-- input -->
                      <input aria-label="email" aria-required="true" type="email" class="form-control" data-inputmask="" name="fields[email]" placeholder="Email" autocomplete="email">
                      <!-- /input -->

                      <!-- textarea -->
                      
                      <!-- /textarea -->

                      <!-- select -->
                      
                      <!-- /select -->

                      <!-- checkboxes -->
            
            <!-- /checkboxes -->

                      <!-- radio -->
                      
                      <!-- /radio -->

                      <!-- countries -->
                      
                      <!-- /countries -->





                    </div>
                  </div>
                
              </div>

              

              <!-- Privacy policy -->
              
              <!-- /Privacy policy -->

              

              

              <div class="ml-form-checkboxRow ml-validate-required">
                
                  <label class="checkbox">
                    <input type="checkbox">
                    <div class="label-description">
                      <p>En cochant cette case, tu acceptes de recevoir des emails de la part de steffilala.fr/. Tu seras également inscrit·e automatiquement à la newsletter bi-mensuelle, de laquelle tu peux te désinscrire facilement à tout moment.</p>
                    </div>
                  </label>
                
              </div>






              
              <input type="hidden" name="ml-submit" value="1">

              <div class="ml-form-embedSubmit">
                
                  <button type="submit" class="primary">Je rélève le défi !</button>
                
                <button disabled="disabled" style="display: none;" type="button" class="loading">
                  <div class="ml-form-embedSubmitLoad"></div>
                  <span class="sr-only">Loading...</span>
                </button>
              </div>

              
              <input type="hidden" name="anticsrf" value="true">
            </form>
          </div>

          <div class="ml-form-successBody row-success" style="display: none">

            <div class="ml-form-successContent">
              
                <h4>Youpi !</h4>
                <p><strong>Rendez-vous dans ta boite mail pour découvrir la 1ère action dès maintenant ! </strong>Pense à checker tes spams si tu ne reçois rien, etsi j'y suis,&nbsp;ajoute-moi à tes contacts 😉</p>
              
            </div>

          </div>
        </div>
      </div>
    </div>

  

  
  
  <script>
    function ml_webform_success_11133757() {
      var $ = ml_jQuery || jQuery;
      $('.ml-subscribe-form-11133757 .row-success').show();
      $('.ml-subscribe-form-11133757 .row-form').hide();
    }
      </script>
  
  
      <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v2d8fb22bb5b3677f161552cd9e774127" type="text/javascript"></script>
        <script>
            fetch("https://assets.mailerlite.com/jsonp/775549/forms/110545066495313535/takel")
        </script>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-1-683x1024.jpg" alt="Épingle Pinterest : créer l'arborescence de son site web, les 3 étapes indispensables" class="wp-image-30581" srcset="https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-1-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-1-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-1-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-1.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-2-683x1024.jpg" alt="Épingle Pinterest : 3 étapes pour créer une arborescence de site web" class="wp-image-30582" srcset="https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-2-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-2-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-2-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-2.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" src="https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-3-683x1024.jpg" alt="Épingle Pinterest : comment créer l'arborescence de son site web ?" class="wp-image-30583" srcset="https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-3-683x1024.jpg 683w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-3-200x300.jpg 200w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-3-768x1152.jpg 768w, https://steffilala.fr/wp-content/uploads/2023/01/arborescence-site-web-3.jpg 1000w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/arborescence-site-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Créer son site internet seul : 3 solutions</title>
		<link>https://steffilala.fr/creer-site-internet-seul/</link>
					<comments>https://steffilala.fr/creer-site-internet-seul/#respond</comments>
		
		<dc:creator><![CDATA[Steffi]]></dc:creator>
		<pubDate>Thu, 08 Dec 2022 05:30:00 +0000</pubDate>
				<category><![CDATA[Création de site]]></category>
		<category><![CDATA[podcast]]></category>
		<guid isPermaLink="false">https://entreprendre-ethique.fr/?p=30352</guid>

					<description><![CDATA[Aujourd'hui je vais vous donner 3 façons de créer un site soi-même quand ce n'est pas notre métier et qu'on n'a jamais fait ça avant.
Parce que quand on entreprend, c'est une étape bien souvent obligatoire.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Aujourd'hui je vais vous donner 3 façons de créer son site internet seul quand ce n'est pas notre métier et qu'on n'a jamais fait ça avant. Parce que quand on entreprend, c'est une étape bien souvent obligatoire. Que ce soit au lancement de votre entreprise ou après 3 ans, il vient forcément un moment où un site peut nous aider à :</p>



<p class="wp-block-paragraph">- Gagner en&nbsp;<strong><em>visibilité</em></strong></p>



<p class="wp-block-paragraph">- Gagner en&nbsp;<strong><em>professionnalisme</em></strong></p>



<p class="wp-block-paragraph">-&nbsp;<strong><em>Vendre</em></strong></p>



<p class="wp-block-paragraph">- Faire plus de&nbsp;<strong><em>chiffre d'affaires</em></strong></p>



<p class="wp-block-paragraph">- Travailler son&nbsp;<strong><em>référencement</em></strong></p>



<p class="wp-block-paragraph">- Se&nbsp;<em><strong>démarquer</strong></em></p>



<p class="wp-block-paragraph">-&nbsp;<strong><em>C</em></strong><em><strong>ommuniquer</strong></em>&nbsp;plus efficacement</p>



<p class="wp-block-paragraph">- Etc, etc, ...</p>



<p class="wp-block-paragraph">Quelque soit la raison qui vous pousse à créer (ou faire une refonte de)&nbsp;votre site seul·e, la question première sera toujours la même : comment je fais ?</p>



<p class="wp-block-paragraph">Une solution simple et efficace :&nbsp;<a href="https://steffilala.fr/#services/" target="_blank" rel="noreferrer noopener"><strong>déléguer</strong></a>.</p>



<p class="wp-block-paragraph">Oui mais... Si je n'ai pas les moyens ? Ou si je n'ai pas envie parce que j'aime bien faire les choses moi-même ?</p>



<p class="wp-block-paragraph">Et bien je vous donne 3 solutions aujourd'hui !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Créer son site internet seul : le 100% DIY</h2>



<p class="wp-block-paragraph">La 1ère solution, c'est de tout faire vous-mêmes.</p>



<p class="wp-block-paragraph">C'est-à-dire :</p>



<p class="wp-block-paragraph">- Chercher des tutoriels, des articles, des posts sur Instagram ou Linkedin, des potes, des inconnus sur Facebook... Bref, n'importe qui ou quoi qui vous aidera à comprendre comment ça marche.</p>



<p class="wp-block-paragraph">- Tester, vous planter, recommencer, réussir un truc que vous n'auriez jamais imaginé pouvoir faire et galérer 3h sur un micro-détail</p>



<p class="wp-block-paragraph">- Obtenir un premier résultat sympa mais pas optimal (<em>notre premier site fait 100% tout·e seul·e n'est jamais terrible mais c'est normal</em>)</p>



<p class="wp-block-paragraph">- En avoir marre de passer du temps sur ce sujet donc vous contenter de ce premier résultat qui a le mérite d'exister</p>



<p class="wp-block-paragraph">- Y revenir peut-être quelques mois plus tard pour améliorer les choses (<em>ou pas...</em>)</p>



<p class="wp-block-paragraph">Cette première solution est tout à fait envisageable, plein de gens l'ont fait et le feront encore.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les principaux avantages</h3>



<p class="wp-block-paragraph">- C'est (presque) gratuit</p>



<p class="wp-block-paragraph">- C'est passionnant (peut-être pas pour tout le monde en fait 😄)</p>



<p class="wp-block-paragraph">- Vous apprenez plein de trucs</p>



<p class="wp-block-paragraph">- Vous êtes fièr·es comme un coq (<em>ou une poule</em>) d'avoir fait ça vous-mêmes</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les principaux inconvénients</h3>



<p class="wp-block-paragraph">- Ça va vous prendre beauuuuuucoup de temps...</p>



<p class="wp-block-paragraph">- Le résultat ne sera pas à la hauteur de vos espérances</p>



<p class="wp-block-paragraph">- Vous vous sentirez seul·e au monde</p>



<p class="wp-block-paragraph">- Vous allez devoir partir d'une page blanche et ça, c'est très compliqué quand on veut créer son site internet seul pour la première fois.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Acheter une formation en ligne pour créer son site internet seul</h2>



<p class="wp-block-paragraph">2ème solution qui s'offre à vous : acheter une formation en ligne.</p>



<p class="wp-block-paragraph">Il en existe plein, à peu près à tous les prix et sous toutes les formes.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les principaux avantages</h3>



<p class="wp-block-paragraph">- On vous guide pas à pas (normalement) et vous gagnez du temps !</p>



<p class="wp-block-paragraph">- C'est passionnant (peut-être pas pour tout le monde en fait 😄)</p>



<p class="wp-block-paragraph">- Vous apprenez plein de trucs</p>



<p class="wp-block-paragraph">- Vous êtes fièr·es comme un coq (<em>ou une poule</em>) d'avoir fait ça vous même</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les principaux inconvénients</h3>



<p class="wp-block-paragraph">- Ça nécessite un peu d'investissement financier<br>- Vous vous sentirez seul·e au monde (sauf si la formation comprend un support)</p>



<p class="wp-block-paragraph">- Vous devrez partir d'une page blanche et ça, c'est très compliqué quand c'est la 1ère fois qu'on crée un site internet soi-même</p>



<p class="wp-block-paragraph">- Vous allez apprendre la technique, mais pas forcément la stratégie, le design web, l'expérience utilisateurice, ... Et tout ça, c'est ce qui fait qu'un site internet est efficace, qu'il sert votre entreprise. La technique, ça ne suffit pas.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Créer son site internet seul grâce à un template</h2>



<p class="wp-block-paragraph">Et enfin 3e solution : télécharger ou acheter un thème !</p>



<p class="wp-block-paragraph">On peut aussi l'appeler modèle ou template de site internet.</p>



<p class="wp-block-paragraph">En gros, c'est une base de site déjà faite que vous pouvez venir personnaliser selon vos besoins et votre identité de marque.</p>



<p class="wp-block-paragraph">C'est un peu le Canva des sites internet.</p>



<p class="wp-block-paragraph">Alors il en existe beaucoup, mais tous ne sont pas aussi faciles à prendre en main et qualitatifs.</p>



<p class="wp-block-paragraph"><strong>Quand vous choisissez un thème, il faut faire attention :</strong></p>



<p class="wp-block-paragraph">- à la plateforme avec laquelle il a été construit</p>



<p class="wp-block-paragraph">- aux images de démo. Souvent, les démo sont construites en modifiant le code, ce qui vous donne l'impression que vous allez avoir un site magnifique. Mais en fait, quand vous installez le thème, si vous ne savez pas coder, ça ne ressemble à rien...</p>



<p class="wp-block-paragraph">- au fait qu'il y ait des tutos (ou pas) pour le prendre en main et le modifier</p>



<p class="wp-block-paragraph">- au fait qu'il y ait ou non un support en cas de blocage ou de bug</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les principaux avantages</h3>



<p class="wp-block-paragraph">- On vous guide pas à pas (si il y a des tutos) et vous gagnez du temps !</p>



<p class="wp-block-paragraph">- C'est passionnant (peut-être pas pour tout le monde en fait 😄)</p>



<p class="wp-block-paragraph">- Vous apprenez plein de trucs</p>



<p class="wp-block-paragraph">- Vous êtes fièr·es comme un coq (ou une poule) d'avoir fait ça vous-mêmes</p>



<p class="wp-block-paragraph">- Si le thème est bien fait, vous bénéficiez de l'expertise d'une personne spécialisée en webdesign, qui sait faire des sites esthétiques mais surtout efficaces pour atteindre vos objectifs !</p>



<p class="wp-block-paragraph">- Vous ne partez pas d'une page blanche ! Et ça, c'est un gros gros avantage pour gagner en temps et en efficacité !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Les principaux inconvénients</h3>



<p class="wp-block-paragraph">- Ça nécessite un peu d'investissement financier<br>- Vous pouvez vous sentir seul·e au monde (sauf si l'offre comprend un support)<br>- Il faut faire attention aux points cités plus haut quand on choisit</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="has-text-align-center wp-block-paragraph"><strong><a href="https://steffilala.fr/themes-wordpress-eco-responsables/" target="_blank" rel="noreferrer noopener">Vous souhaitez opter pour un template de site internet éco-responsable accompagné d'une formation complète et d'un support technique ? Rendez-vous ici.</a></strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Voilà donc les 3 solutions possibles quand on désire créer son site internet seul. Chaque solution a des avantages et inconvénients, il convient donc de faire le point sur vos envies et besoins pour choisir celle qui vous conviendra le mieux !</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Cet article vous a plu ? Enregistrez-le sur Pinterest en cliquant sur une des images, pour le retrouver plus tard :</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2022/12/creer-site-internet-seul-1-683x1024.jpg" alt="Épingle Pinterest : 3 solution pour créer son site internet seul" class="wp-image-31243"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2022/12/creer-site-internet-seul-2-683x1024.jpg" alt="Épingle Pinterest : Créer son site internet seul, 3 solutions détaillées pour choisir la meilleure pour vous !" class="wp-image-31244"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://steffilala.fr/wp-content/uploads/2022/12/creer-site-internet-seul-683x1024.jpg" alt="Épingle Pinterest : Créer son site internet seul, 3 solutions" class="wp-image-31245"/></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://steffilala.fr/creer-site-internet-seul/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
