01Déposer son site

Sur la page d’accueil du studio, glisse ton site dans la zone Glisse ton site ici. Inline accepte :

• un fichier .html seul ;
• un dossier complet (pages, images, feuilles de style) ;
• une archive .zip de ce dossier ;
• une page exportée de Claude Design (.dc.html), avec ses différentes pages.

Quelques secondes plus tard, ton site apparaît dans la liste Mes sites. Clique sur sa carte pour l’ouvrir.

Ton site vient d’un dépôt GitHub ou GitLab ? Choisis plutôt Importer depuis GitHub ou GitLab : voir la partie 5.

02Le modifier

Ton site s’ouvre tel qu’il est, avec une barre d’outils en bas. Tout ce qui est modifiable se signale au survol.

Les textes

Clique sur un texte et écris. Sélectionne un passage pour le mettre en gras ou en italique, lui donner une couleur ou le surligner : la palette propose d’abord les couleurs de ton site.

Les images

Clique sur une image pour la remplacer, depuis ton ordinateur ou par une adresse web. Inline te propose de la recadrer au format de l’emplacement. Les photos d’iPhone (HEIC) sont converties toutes seules. Les vidéos et les vidéos YouTube, Vimeo ou Dailymotion se remplacent de la même façon.

Les liens et les boutons

Clique pour changer le texte. Pour changer l’adresse vers laquelle mène un lien, clique dessus en maintenant Alt (⌥ sur Mac).

Les autres pages

Le nom de la page, en haut à gauche de la barre, ouvre la liste des pages de ton site. Le bouton Champs liste tout ce qui est modifiable sur la page, y compris ce qui ne se voit pas : le titre et la description que montrent Google et les réseaux sociaux.

Enregistrer

Le compteur de la barre dit combien de modifications attendent. Enregistrer (ou Ctrl+S) les garde. Aperçu montre la page comme la verra un visiteur. Si tu quittes sans enregistrer, Inline te le rappelle.

03Le mettre en ligne

1. Dans l’éditeur, clique sur Mettre en ligne (ou sur le globe de la carte, dans Mes sites).
2. Choisis l’adresse : ton-nom.inline.website. Inline te dit tout de suite si elle est libre.
3. Valide. Ton site est en ligne en quelques secondes, et un courriel te donne son adresse.

Ensuite, chaque fois que tu modifies quelque chose, le bouton Publier se rallume : un clic, et la nouvelle version remplace l’ancienne, sans coupure pour tes visiteurs.

Revenir en arrière

L’Historique des versions garde tes 10 dernières publications. Revenir à cette version remet le site en ligne et son contenu dans l’éditeur. Si tu avais des modifications pas encore publiées, elles sont gardées de côté.

Retirer du web

Depuis la fenêtre de mise en ligne, Retirer du web enlève le site d’Internet. Il reste dans Inline, prêt à être republié. Son adresse redevient libre.

04Son propre domaine

Pour que ton site réponde à www.monsite.fr plutôt qu’à ton-nom.inline.website :

1. Dans la fenêtre de mise en ligne, clique sur Relier un domaine et tape ton domaine.
2. Inline te donne une seule ligne à ajouter chez l’entreprise où tu as acheté ton domaine (OVH, IONOS, Gandi…), dans la partie « Zone DNS ». Elle ressemble à ceci :
   www CNAME a1b2c3d4.domaines.inline.website.
3. C’est tout. Inline vérifie tout seul : dès que la ligne est là (de quelques minutes à quelques heures), ton domaine est relié et tu reçois un courriel.

Et sans « www » ? Chez ton registrar, active la redirection web de monsite.fr vers www.monsite.fr. Inline vérifie chaque jour qu’elle marche, et te le dit.

Une fois le domaine relié, l’ancienne adresse ton-nom.inline.website renvoie vers ton domaine : tes visiteurs et Google ne voient plus qu’une seule adresse.

05Le mettre à jour depuis sa source

Ton site continue de vivre ailleurs : une agence le refait, tu le régénères avec un outil, un développeur le retouche. Inline sait accueillir la nouvelle version sans perdre ce que tu y as écrit.

À la main

1. Sur la carte du site, clique sur la flèche Mettre à jour et dépose la nouvelle version.
2. Inline te montre ce qu’il a retrouvé : tes textes sont replacés au bon endroit dans la nouvelle version.
3. S’il hésite sur un endroit, il te le montre côte à côte, et c’est toi qui choisis.

Un texte qui n’a plus de place dans la nouvelle version n’est jamais perdu : il est Mis de côté, et tu peux le remettre où tu veux ou l’oublier.

Depuis GitHub ou GitLab

Relie ton site à un dépôt (bouton Importer depuis GitHub ou GitLab, ou Relier à un dépôt sur la carte d’un site déjà là). Chaque nouveau commit est appliqué tout seul s’il n’y a rien à trancher ; sinon, une pastille et un courriel te préviennent. Rien n’est jamais publié sans toi.

06Compte, offres et limites

Se connecter : tape ton adresse. Tu reçois un courriel avec un code à 6 chiffres et un lien, valables 15 minutes. Pas de mot de passe.

Télécharger ton site : le bouton Télécharger te rend ton HTML à jour, sans une ligne d’Inline dedans. Ton site reste à toi. (Un compte gratuit est demandé, 10 téléchargements par jour.)

Pendant la bêta, le compte gratuit peut mettre un site en ligne et relier un domaine.

Tu vois où tu en es dans Mes sites. À 80 % de ce que ton offre inclut, Inline te prévient ; à 100 %, un courriel. Ton site n’est jamais coupé : seule une publication qui l’alourdirait au-delà du poids inclus est refusée.

07Questions fréquentes

01Drop your site

On the studio’s home page, drag your site onto Drop your site here. Inline accepts:

• a single .html file;
• a whole folder (pages, images, stylesheets);
• a .zip archive of that folder;
• a page exported from Claude Design (.dc.html), with its pages.

A few seconds later, your site appears in My sites. Click its card to open it.

Your site lives in a GitHub or GitLab repository? Choose Import from GitHub or GitLab instead: see part 5.

02Edit it

Your site opens as it is, with a toolbar at the bottom. Everything you can edit lights up when you hover it.

Texts

Click a text and type. Select a passage to make it bold or italic, give it a color or highlight it: the palette offers your site’s own colors first.

Images

Click an image to replace it, from your computer or from a web address. Inline offers to crop it to the slot’s shape. iPhone photos (HEIC) are converted automatically. Videos, and YouTube, Vimeo or Dailymotion videos, are replaced the same way.

Links and buttons

Click to change the text. To change where a link goes, click it while holding Alt (⌥ on a Mac).

Other pages

The page name, on the left of the toolbar, opens the list of your site’s pages. The Fields button lists everything editable on the page, including what you can’t see: the title and description shown by Google and social networks.

Saving

The counter in the toolbar says how many changes are waiting. Save (or Ctrl+S) keeps them. Preview shows the page as a visitor will see it. If you leave without saving, Inline reminds you.

03Put it online

1. In the editor, click Put online (or the globe on the site’s card, in My sites).
2. Choose the address: your-name.inline.website. Inline tells you right away whether it is free.
3. Confirm. Your site is online within seconds, and an email gives you its address.

After that, whenever you change something, the Publish button lights up again: one click, and the new version replaces the old one, with no downtime for your visitors.

Going back

Version history keeps your last 10 publications. Go back to this version puts that version online and its content back in the editor. Changes you had not published yet are kept aside.

Taking it offline

From the publishing window, Take offline removes the site from the Internet. It stays in Inline, ready to be published again. Its address becomes free.

04Your own domain

To have your site answer at www.mysite.com rather than your-name.inline.website:

1. In the publishing window, click Link a domain and type your domain.
2. Inline gives you a single line to add where you bought your domain (OVH, IONOS, Gandi…), in the “DNS zone” section. It looks like this:
   www CNAME a1b2c3d4.domaines.inline.website.
3. That’s all. Inline checks on its own: as soon as the line is there (from a few minutes to a few hours), your domain is linked and you get an email.

And without “www”? At your registrar, turn on the web redirect from mysite.com to www.mysite.com. Inline checks every day that it works, and tells you.

Once the domain is linked, the old your-name.inline.website address points to your domain: your visitors and Google only see one address.

05Update it from its source

Your site keeps living elsewhere: an agency redesigns it, you regenerate it with a tool, a developer touches it up. Inline welcomes the new version without losing what you wrote in it.

By hand

1. On the site’s card, click the Update arrow and drop the new version.
2. Inline shows you what it found: your texts are put back in the right place in the new version.
3. When it hesitates about a spot, it shows you both side by side, and you choose.

A text with no place left in the new version is never lost: it is Set aside, and you can put it back where you like or forget it.

From GitHub or GitLab

Link your site to a repository (Import from GitHub or GitLab, or Link a repository on the card of a site already here). Each new commit is applied on its own when there is nothing to decide; otherwise a badge and an email let you know. Nothing is ever published without you.

06Account, plans and limits

Signing in: type your address. You receive an email with a 6-digit code and a link, valid for 15 minutes. No password.

Downloading your site: the Download button gives you your up-to-date HTML, without a line of Inline in it. Your site stays yours. (A free account is required, 10 downloads a day.)

During the beta, a free account can put one site online and link a domain.

You see where you stand in My sites. At 80 % of what your plan includes, Inline lets you know; at 100 %, you get an email. Your site is never cut off: only a publication that would make it heavier than the included weight is refused.

07Frequent questions