Как сделать интернет визитку

Добавил пользователь Владимир З.
Обновлено: 18.08.2024

Привет, в этом посте я покажу, как можно быстро сделать сайт визитку на Вордпресс самому и к тому же бесплатно. Инструкция получилась довольно долгая, но зато очень подробная. Если у вас останутся вопросы после просмотра урока, пишите в комментарии и я отвечу на них.

Важно:
Все инструменты, плагины, ресуры и прочее, что я использую в видео, вы можете найти ниже в описании к нему.

Как скачать:
Дополнительно я добавил ссылку на скачивание архива с сайтом визиткой (из урока) и прикрепил инструкцию по установке его к себе на хостинг.

Так же, в описании находятся таймкоды на темы из видео.

Как сделать сайт визитку на Вордпресс за 1 час

" alt="Как сделать сайт визитку самому бесплатно (видео-инструкция + шаблон сайта-визитки для скачивания)">

Как сделать сайт визитку — описание и доп. материалы:

Как скачать шаблон сайта и установить к себе на хостинг

Название плагинов и тем, которые я использую в видео:

  1. Тема — ASTRA
  2. Плагины:
    1. Elementor
    2. Contact form 7

    Дополнительные материалы:

    Таймкоды на темы из видео:

    Заключение:

    Как видите создать свой сайт визитку не сложно и это может сделать каждый. На этом все, если публикация оказалась для вас полезной — поделитесь ей в соц сетях. Если есть, что добавить — пишите в комментарии.


    Придумайте название, заполните профиль и нужные мессенджеры.

    2. Укажите ссылку

    Разместите полученную ссылку в соц. сетях: Instagram, VK, fb и др.
    установите виджет на сайт или приложение на телефон.

    3. Получайте заявки

    Клиенты сами выберут удобный способ связи с вами в один клик. Или закажут обратный звонок.

    Функционал - бесплатный

    16 способов связей

    Можно одновременно указать до 16 способов связей с вами.

    Одна ссылка

    Указывайте одну ссылку на все мессенджеры и клиент сам выберет способ связи с вами.

    Виджет на сайт

    Установите виджет и получайте больше заявок с вашего сайта.
    + Форма обратного звонка.

    Дизайн интерфейса

    Вы можете загрузить свое фото или логотип компании и подобрать фон страницы.


    СМС-Визитка

    мобильное приложение

    ? Отправляет каждому новому клиенту вашу визитку по смс или WhatsApp автоматически после разговора с ним по телефону.

    ? Получив визитку после звонка клиенты приятно удивляются, запоминают вас и не потеряют ваши контакты, обзванивая несколько компаний в интернете.
    - В любое время клиент сможет:
    1) написать вам 2) перезвонить
    3) или перейти на ваш сайт.

    ? Управление профилем Online-Визитка через мобильное приложение на android.
    ? Оповещение о "Заказе звонка"

    Сайт-визитка – относительно маленький по количеству страниц ресурс, на которых представлена главная информация о компании, ее услугах. И сегодня я предлагаю поговорить о том, как сделать сайт визитку бесплатно самому – на это уйдет всего несколько часов вашего времени. Примечательно, что на такой ресурс всегда есть возможность добавить необходимые дополнения. На начальном этапе будет достаточно лишь основных страниц. В этой статье расскажу, что именно должно быть на таком сайте, какие разделы обязательны, как их правильно заполнять. И самое главное – как самостоятельно, без привлечения сторонних специалистов создать работающий сайт! Подробнее об этом и сайтостроении в целом вы можете узнать придя на наш Бесплатный 4-х дневный курс по созданию сайтов с нуля.

    как сделать сайт визитку бесплатно

    Как сделать сайт визитку самому: небольшое введение

    Как сделать сайт визитку самому

    Прежде, чем приступить непосредственно к описанию процесса, как сделать сайт визитку самому, хочу вам рассказать, какая же информация должна обязательно присутствовать и как правильно ее разместить.

    Есть еще ряд страниц, которые могут присутствовать на сайте, но они не обязательны. К таковым относятся следующие разделы:

    Совет! Если у вас есть группы в социальных сетях, обязательно поставьте ссылки на них.

    Учтите, что вся информация должна быть на сайте. Не прикрепляйте файлы для скачивания. Пользователь должен получить необходимые ему данные, просто зайдя на сайт, а не скачивать документы, таблицы и т.д.

    Приведу несколько примеров, как должен выглядеть если не идеальный, то просто приятный и удобный для пользователей сайт в формате визитки. Или их отдельные страницы.

    Пример сайта визитки ifish

    Пример сайта визитки студии ifish

    Как можно сделать вывод с увиденного, ничего сложного и экстраординарного нет. Все просто. Но, главное, и со вкусом.

    Важно – чтобы пользователю было удобно. Запомните это требование – оно актуально для сайтов-визиток. Впрочем, как и для других ресурсов.

    Как сделать сайт визитку бесплатно: используем WordPress

    Wordpress для создания сайта визитки

    Теперь перейду непосредственно к подробному описанию, как сделать сайт визитку бесплатно. Оптимальный вариант – использовать платформу WordPress. Данная CMS подходит для этой цели идеально. Вот несколько причин, почему я рекомендую именно ее:

    • может работать на любом хостинге;
    • устанавливается без проблем;
    • простой интерфейс админки – даже новичок разберется в ней;
    • возможность установки дополнительных плагинов и расширений для повышения функциональности – большинство из них бесплатные.

    Две задачи, которые вам придется решить

    Задачи при создании сайта визитки

    Процесс, как сделать сайт визитку бесплатно предполагает решения лишь двух задач:

    • установку платформы Вордпресс, подключение плагинов и их настройка;
    • наполнение сайта актуальной информацией.

    Ничего страшного и особо сложного в этом нет. Просто следуйте моим инструкциям. А также внимательно смотрите на картинки, приведенные в статье.

    Выбираем хостинг

    Выбираем хостинг для сайта визитки

    Визитка не требует каких-то особых условий. Поэтому выбирайте любой известный хостинг, а там – самый низкий тариф.

    Выбираем домен

    Выбор домена для сайта визитки

    Совет! Доменное имя регистрируйте на свое имя – на физическое лицо. Ни в коем случае не регистрируйте его на имя нанятого работника.

    После завершения регистрации доменного имени обязательно пропишите DNS хостинга в настройках домена. Такие данные пользователю предоставляет непосредственно сам хостинг-провайдер после того, как оплатите его услуги.

    Как прикрепить домен к хостингу

    Однако выполненных выше действий будет недостаточно, чтобы прикрепить домен к хостингу.

    Спустя сутки в личном кабинете выбранного вами хостинга необходимо обязательно указать, какой домен вы решили закрепить. Но в этом тоже нет ничего особенно сложного.

    Последовательность действий будет следующей:

    • заходим в личный кабинет вашего хостинга;
    • находим строку добавления домена;
    • добавляем домен – папка для его добавления генерируется автоматически.

    Добавление доменя в cpanel

    Как установить WordPress: самостоятельно и быстро

    Тут тоже ничего сложного. Идет пошагово:

    • сначала нужно определиться с тем, где именно сформировать базу данных – для этих целей необходим MySQL Помощник;
    • кликните по нему и сможете создать базу данных;

    Создать базу данных в MySQL

    • создайте пользователей для этой базы данных – укажите свои имя и пароль.

    Добавление нового пользователя в MySQL

    Теперь, когда база данных создана, необходимо загрузить сам файл WordPress на выбранный хостинг:

    • скачать его на официальном сайте WordPress;
    • распаковать архивный файл в папку с вашим сайтом таким образом, чтобы файлы wp-config.php и папки wp-admin, wp-content оказались в корне данной папки;
    • теперь нужно выполнить редактирование конфигурационного файла – пропишите параметры базы данных, а также имя пользователя и пароль.

    После этого перейдите на главную страницу вашего сайта и в окне настроек укажите следующие данные:

    • имя сайта;
    • имя и логин администратора, его пароль.

    Главная страница сайта

    Основная часть работы проделана. Хотя, конечно, впереди вас также ждет немало интересного! Но, по сути, у вас уже есть готовый ресурс. Но чтобы он полноценно работал, был удобным и функциональным, следует выполнить еще ряд действий. О них – ниже.

    Как сделать сайт визитку самому бесплатно: что еще нужно

    Что нужно для создания сайта визитки

    Пожалуй, это наиболее интересная часть статьи. В ней уже больше практики по работе непосредственно с самим сайтов. Итак, как сделать сайт визитку самому бесплатно, чтобы он был функциональным и удобным.

    Вам нужно будет выполнить следующие действия:

    • установить шаблон;
    • установить счетчики посещаемости и определенный набор плагинов;
    • сформировать нужные для вашего сайта страницы и заполнить их контентом;
    • зарегистрировать сайт в справочниках.

    Готовы творить? Тогда стартуем!

    Как сделать сайт визитку бесплатно: установка шаблона для сайта визитки

    Установка шаблонов для сайта визитки

    Официальный сайт WordPress имеет набор полностью бесплатных шаблонов, среди которых вы точно найдете что-то вам подходящее.

    Для поиска подходящего для визитки шаблона, используйте следующие поисковые запросы:

    • визитка;
    • бизнес;
    • личная страница;
    • корпоративный и сходные с ним.

    Выбор шаблона для сайта

    Установка счетчики посещаемости и определенный набор плагинов

    Теперь поставим счетчики LiveInternet и Яндекс.Метрика. Для этого нужно посетить эти сайты:

    • зарегистрироваться;
    • прописать сайт, установить имя пользователя и пароль;
    • установить настройки для счетчика.

    После этого вы получите специальный код, который нужно добавить в следующий раздел административной панели сайта — footer.php.

    Установка счетчиков Яндекс.Метрики и Лайвинтернета

    Обратите внимание! Счетчики нужны для того, чтобы видеть реальную посещаемость сайта. Кроме того, Яндекс.Метрика позволит понять, как именно посетители взаимодействуют с вашим ресурсом – откуда на него приходят, что делают, какие страницы просматривают и т.д.

    Специальные плагины для сайта позволят повысить его функциональность, а также удобство использования. Лично я рекомендуют остановить свое внимание на следующих дополнениях, которые будут актуальны для визитки.

    Кстати, устанавливать плагины вовсе необязательно. Особенно, если в ближайшее время вы не собирается заниматься продвижением сайта, а делаете его просто для вида.

    Как создать страницы сайта визитки

    Как создать страницы сайта визитки

    Допустим, вы решили, что на сайте должны быть следующие страницы:

    Как заполнить страницы сайта-визитки

    Для начала давайте немного поменяем последовательность страниц. Посмотрите на скрин-шот внизу – я предлагаю выстроить их в таком порядке.

    Как заполнить сайт-визитку информацией

    Как сделать главную страницу статичной

    Как сделать сайт визитку бесплатно самому

    Вот, в принципе и все. Теперь заполните сайт текстовой информацией. Кроме того, не забудьте прописать номер телефона компании в шапке сайта, удалить из темы авторские копирайты создателя шаблона.

    Последнее, что нужно сделать, это зарегистрировать сайт в каталогах и справочниках. Например, в Яндекс.Справочнике и 2Гис. Ничего сложного в этом нет. Уверен, тут вы справитесь самостоятельно!

    С помощью чего еще можно сделать сайт визитку: три платформы для вашего сайта

    Как сделать сайт визитку бесплатно платформы

    Являюсь поклонником WordPress. Это наиболее удобная и простая, функциональная платформа. Но ради объективности расскажу о еще трех платформах, на которых можно создавать сайты-визитки. Не буду вдаваться в подробности, а опишу их возможности вкратце.

    Если будет интересно – задавайте вопросы и тогда уже предоставлю более развернутую информацию по каждой платформе.

    Как сделать сайт визитку на платформе uKit

    Данная платформа заявила о себе, как конструктор сайтов для бизнеса. Она достаточно красива и мощна. Подойдет не только предпринимателям, в том числе и компаниям среднего бизнеса, но и различным творческим личностям. Например, фотографам, копирайтерам, дизайнерам.

    Обратите внимание! Эта платформа подходит даже для создания небольшого магазина. Не говоря уже о landing-page.

    Однако использование сервиса – платное. За относительно небольшую сумму – порядка 36 долларов в год (хотя тарифы могут меняться и часто действуют акции) – вы получаете:

    • неограниченный хостинг;
    • множество шаблонов и тем;
    • функциональные дополнения.

    Обратите внимание. На платформе реализована функция WYSIWYG позволяющая в режиме реального времени редактировать оформление сайта. Вы сразу видите, что у вас получается.

    Создать визитку на uKit очень просто:

    • продумайте, какие разделы вам нужны;
    • измените дизайн под свои требования и представления – можно выбирать изображения, шрифты и многое другое;
    • добавляйте необходимое количество страниц и заполняйте их;
    • добавляйте фавиконки, прикрепляйте домен и т.д., заполните настройки SEO для каждой страницы.
    • а потом просто публикуйте сайт.

    Бюджет на сайт-визитку на платформе uKit – от 36 долларов в год. Согласитесь, это вполне адекватно. Не более трех походов в хорошее кафе.

    Как сделать сайт визитку бесплатно: Wix

    Как сделать сайт визитку бесплатно на платформе Wix

    Довольно известная платформа, предназначения для создания визиток. Распространена в западных странах. Характеризуется:

    • простотой использования;
    • удобной административной панелью;
    • большим количеством шаблонов и тем.

    Каждый шаблон уже имеет определенные категории. Что еще более упрощает работу с конструктором.

    Конечно, можно сказать, что Wix не столь мощный, как предыдущий конструктор, но зато он более дружелюбный по отношению к пользователям.

    Здесь также можно редактировать блоки в режиме реального времени. Сам визуальный редактор очень простой, разобраться в нем не составит проблем даже тому, кто первый раз пользуется подобными панелями.

    Однако стоимость использования выше, чем у uKit – годовой тарифный план обойдется в 99 долларов.

    Как сделать сайт визитку бесплатно: uCoz

    Создать сайт-визитку на платформе uCoz

    Еще один бесплатный конструктор для сайтов-визиток. Если говорить именно про русскоязычный сегмент Интернета, то данный конструктор является наиболее популярным и точно самым функциональным.

    Тем более, что недавно сервис был глобально обновлен и сейчас панель управления стала намного привлекательнее. При этом сохранив свою функциональность.

    В начале работы по созданию сайта-визитки нужно выбрать модули, которые вам нужны – в данном случае это:

    Все остальное можно добавить впоследствии, если вам, конечно, понадобиться добавлять такие модули.

    Дальнейшая последовательность действий будет привычной:

    • сформируйте структуру;
    • добавьте нужные вам страницы;
    • выберите подходящий вам шаблон и домен (если выбрать тариф Оптимальный за 48 долларов, то и шаблон, и домен вы получите бесплатно);
    • заполните сайт материалами и т.п.;
    • проработайте SEO-модуль, добавьте логотип, фавиконку, настройте сайт и т.д.

    В принципе, ничего сложного нет. Хотя данная платформа все же несколько уступает первым двум.

    Обратите внимание! Использовать uCoz можно даже полностью бесплатно, хотя никакого ограничения не будет – просто в одном углу сайта будет виден огромный баннер, рекламирующий платформу. Что не придаст солидности сайту.

    Стоимость пользования платформой – от 48 долларов в год. Для новичков – скидка 50%. Есть прочие бонусы и программы.




    На панели меню размещены кнопки, с помощью которых можно отменить или вернуть изменения, сохранить макет



    Для вызова дополнительных возможностей (параметров) работы над выбранным (активным) объектом, кликните на пиктограмму ПАРАМЕТРЫ в горизонтальной панели меню в верхней части рабочей области

    Для изменения масштаба рабочей области , воспользуйтесь функционалом масштабирования , представленным в правом нижнем углу

    Для перемещения объекта строго по вертикали или горизонтали, зажмите на клавиатуре клавишу Shift и переместите объект в необходимое место. Также, объекты можно перемещать с помощью стрелок клавиатуры .

    Для удалений объекта(-ов) можно воспользоватьcя кнопкой
    удалить из вспомогательной панели инструментов, либо нажать клавишу Delete на клавиатуре.

    Для копирования объекта с одного листа на другой, можно воспользоваться комбинацией клавиш ctrl+c (копирование) и ctrl+v (вставка).

    Настроить параметры визитки,
    её размер, ориентацию бумаги
    Основа в левом нижнем углу панели инструментов

    Для выделения группы объектов можно воспользоваться выделением с помощью мышки (зажатием левой кнопки мышки и выделение области), либо, зажать клавишу Shift и выделять объекты с помощью клика левой кнопкой мышки на них.

    Для редактирования текста необходимо кликнуть один раз для активации текстового элемента и повторно кликнуть для начала редактирования. Все внесенные изменения сохраняются в элементах автоматически.

    Используйте наш онлайн-конструкор для создания макета визитки. Вам не потребуется установка специальных программ на компьютер и тем более услуги дизайнера. Все, что вы хотите, можете воплотить в жизнь с помощью простых инструментов. Вставляйте и редактируйте текст, меняйте шрифты, загружайте картинки и логотипы, используйте генератор QR кода и всю палитру цветов для своих идей.

    Читайте также: