Tout d'abord, vous devez exportez votre app HTML5.

Pour en savoir plus, allez à: 📦 Exporter votre web app

## 1. Allez sur la plateforme gratuite itch.io

créez un compte si vous n'en avez pas déjà un

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVFDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--18d61b0b4a66a5c1103234899c0280d17df50a05/0e5644d9-eebe-48c3-b4ee-dbf33a_3cwjjz.png)

## 2. Cliquez sur Dashboard.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcDhGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7f3a2885c631aee985d1b84f88789555e150b2c4/dc5d152d-1887-40af-94f5-d6aaab_xnky8k.png)

## 3. Cliquez sur Create new project

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdTRHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8ff30271dbe7cbcc0a979034ab445627582bce6b/87b7688c-d7d4-4a19-ad5c-dfecd1_7hpibd.png)

## 4.Remplissez les informations nécessaires.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaDRDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9dcc08c9096bab3e7ce0049551dffbb2091096c9/cf707198-57c5-4ac8-907f-970d78_1cnxcdl.png)

Prenez soin de sélectionner HTML dans le type de projet que vous voulez publier.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdTBEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--5fb3aaae44028dcd620df14b8d7737aa77d5b48f/94b63898-48ed-4e9f-8c1b-a9aeb5_wezple.png)

## 5. Ensuite cliquez sur Upload files

et sélectionnez le fichier .zip de votre app.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbWNDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--6206875a5f9843caead0b55911b3bb61f5f2108e/3eda856c-aab4-4c98-9034-b14185_wurkmo.png)

Votre projet se télécharge.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbk1HIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--5a3c06fe7374b3c0806d996422c14942d4f63d89/c7fd4699-abbf-45e6-a82c-befe58_apvrku.png)

Il est alors chargé.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVFGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ff35960ae55c7f321bebb23a79631c5583df84cd/060e9e68-28e8-4cd0-9d4d-2fdc7b_5o2jlr.png)

## 6. Définissez les ratios d'affichage de votre app

Vous pouvez décider de l'intégrer à votre page de publication avec les dimensions que vous souhaitez (Embed in page) ou de lancer l'application en plein écran. 

Cochez la case *Automatically start on page load*.

N'oubliez pas de cocher la case: *Fullscreen button* pour afficher un bouton permettant de lancer votre app en plein écran.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBamNGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--98db6de6774438ab98ae8db3865cd41e980b206c/68b6c204-8242-47ec-85ff-4318c2_1ri3s82.png)

## 7. Définissez qui a accès à votre app

Définissez si le projet est public, restreint ou privé, puis cliquez sur **Save**.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdUFHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--5100c24093be69653711c471fa446b6fa6acc155/b6b4ef13-5170-41f4-a67b-efcb1b_1hhuyxy.png)

En cliquant sur **View page**, vous pourrez voir la page de publication de votre app HTML5.

## 8. Votre application est désormais publiée

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaFlGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a2632bcf6f80e7ed8f24099019c17b66aa08aa00/6ca7e925-4948-417b-b05d-b6af25_jtcy9p.png)

Cliquez sur le bouton **Plein écran** en bas à droite pour adapter votre app à la taille de l'écran.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGdFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e7049521f0be3ddc20a637fa5150c77195fa7199/a05fb234-dcde-4cd8-ac9f-7b1db5_14mx41s.jpeg)

## 9. Designez votre page web

en cliquant sur le bouton **Edit theme**, un menu latéral apparaît.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBazhHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--560f6a065d23c8fa8d187b77bca7df264df5f3f9/6ee77a7e-e345-4ff8-8d88-f6935c_snr3a8.png)

Pour changer la description de votre app sous son lecteur, cliquez sur le bouton **Edit game**.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGNHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--65739a6291f2b2d071f2fe3d9b33258af0b622b7/636fd9f1-80f6-4373-b5b9-def6d9_scktw5.png)

Pour créer un widget partageable (email, autres pages web), aller sur l'onglet Distribute.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaW9DIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7cbb1692213f04a1887aaf77a809c1a7a6e4590f/2e0ba9f9-7e25-40d1-8aaa-d966cf_1djxiom.png)

## 10. Partagez votre app

en copiant/collant l'adresse de la page (URL) dont le format est *account.itch.io/app*

**🌟  
Félicitations, votre app est désormais en ligne et prête à accueillir votre public.**

Pour ajouter à votre page l'accès à un lien de téléchargement, allez à: ☁️ Permettre d'installer mon app depuis mon Drive

Pour comprendre tous les éléments de l'interface, allez voir Eléments de l'outil

Pour plus d'informations sur les Analytics, allez à 📊 Mesurer les comportements de votre audience