После создания страницы указываем название страницы и URL:

Публикуем страницу и смотрим, что получилось: https://extract-text-from-image.tilda.ws/

После этого возвращаемся в настройки сайта:

[Необязательно] В настройках к сайту можно купить и подключить домен:

💡

Если вы используете основной домен для обслуживания расширения (например, у нас сервер расширения хостится на aitools.band), то можно создать поддомен для Tilda, на котором разместить все служебные страницы (мы создали ext.aitools.band и просто направили A-запись от этого поддомена в панели управления регистратора на IP Tilda – 185.215.4.38).

Таких служебных страниц со временем станет несколько - Welcome Page после установки, страница после удаления Uninstall Page (на которой мы собираем причины удаления через-Google форму), страница «Поделиться в соцсетях» и т.д. И все эти страницы можно хостить на том же самом поддомене в Tilda.

[Не делаем, если кастомный домен не ставили] После того, как домен присоединится, надо обязательно подключить SSL-сертификат и настроить редиректы с www на без www и с http протокола на https протокол:

После внесения всех изменений, переходим в список сайтов https://tilda.cc/projects/, заходим на свой сайт и переопубликовываем все страницы (у вас сейчас сделана 1 страница - Welcome Page):

Остается добавить автоматическое открытие Welcome Page после установки расширения. Для этого просим добавить программиста в service-worker расширения такой код:


chrome.runtime.onInstalled.addListener((details) => {
  if (details.reason === chrome.runtime.OnInstalledReason.INSTALL) {
    // Code to be executed on first install
    // eg. open a tab with a url
    chrome.tabs.create({
      url: "[URL вашей Welcome Page]",
    });
  } else if (details.reason === chrome.runtime.OnInstalledReason.UPDATE) {
    // When extension is updated
  } else if (
    details.reason === chrome.runtime.OnInstalledReason.CHROME_UPDATE
  ) {
    // When browser is updated
  } else if (
    details.reason === chrome.runtime.OnInstalledReason.SHARED_MODULE_UPDATE
  ) {
    // When a shared module is updated
  }
});

Публикуем Welcome Page