Конструктор одностраничных сайтов Drag-N-Drop

Материал из wiki.Pro100Mag.com
Перейти к: навигация, поиск

СОЗДАНИЕ СТРАНИЦЫ СБОРА КОНТАКТОВ

Konst 1.jpg



1. Нажимаете на вкладку ОДНОСТРАНИЧНИК (рис. ВЫШЕ стрелка 1)



Konst 2.jpg


2. Нажмите раздел СОЗДАТЬ СТРАНИЦУ (рис. ВЫШЕ стрелка 1)


3. Выберите подраздел ПУСТАЯ (стрелка 2).


Konst 3.jpg


4. Впишите только НАЗВАНИЕ Вашего одностраничника (рис. ВЫШЕ стрелка 1)


5. Нажмите на кнопку СОХРАНИТЬ (рис. НИЖЕ стрелка 2)


Konst 4.jpg


6. Таким образом Вы создали новый одностраничник (рис. НИЖЕ стрелка 1).



Konst 5.jpg


7. Нажмите на кнопку Drag-N-Drop (рис. ВЫШЕ стрелка 2).



Konst 6.jpg


8. Наведите на надпись Настройки Страницы с правой стороны (рис. ВЫШЕ стрелка 1).


9. Вы можете изменить ШИРИНУ страницы и ВЫСОТУ страницы (стрелка 2 и 3).


10. Далее выбираете фон, есть 2 возможности выбора:


- ДОБАВИТЬ ФОНОВУЮ ТЕКСТУРУ (рис. ВЫШЕ стрелка A)


- ДОБАВИТЬ ФОНОВУЮ КАРТИНКУ (рис. ВЫШЕ стрелка B).


Konst 7.jpg


11. Для выбора одной из текстур, производим двойной щелчок мыши по предоставленному примеру (рис. ВЫШЕ стрелка A)



Konst 8.jpg


12. Для выбора одной из картинок из предложенных сервисом, производим двойной щелчок мыши по предоставленному примеру (рис. ВЫШЕ стрелка В).



Konst 9.jpg


13. Следующий шаг нажмите на кнопку ДОБАВИТЬ ФОРМУ ПОДПИСКИ (рис. ВЫШЕ стрелка 1).


Konst 10.jpg



14. В открывшейся вкладке на странице перед Вашим взором предоставлены образцы различных видов ФОРМ ПОДПИСОК (рис. ВЫШЕ стрелка 1)


15. Выберете любую из предложенных сервисом форм (пример стрелка 2).



Konst 11.jpg



16. Перед Вашим взором предстала выбранная Вами форма (рис. ВЫШЕ стрелка 1).


17. Нажмите на данную форму двойным щелчком мыши и войдите в РЕДАКТОР.


Konst 12.jpg



18. Введите цифрами ИНДЕНТИФИКАТОР ПОДПИСКИ (рис. ВЫШЕ стрелка 1).


19. Заполните цепляющий текст в форму подписки (стрелка 2).


20. Обязательно сохраните проделанную работу, нажатием на кнопку СОХРАНИТЬ (стрелка 3).


Konst 13.jpg


21. Следующий шаг нажмите на кнопку ДОБАВИТЬ ТЕКСТ (рис. ВЫШЕ стрелка 1).


Konst 14.jpg


22. В открывшееся поле введите Ваш ЗАГОЛОВОК (рис. ВЫШЕ стрелка 1)


23. Обязательно сохраните проделанную работу, нажатием на кнопку СОХРАНИТЬ (стрелка 2).


Konst 15.jpg



24. Перед Вами после сохранения откроется страница с новым супер заголовком (рис. ВЫШЕ стрелка 1)


25. Продолжим, нажмите на кнопку ДОБАВИТЬ ТЕКСТ (стрелка 2).



Konst 16.jpg



26. Выберите в меню редактора кнопку ВСТАВИТЬ КАРТИНКУ (см. ВЫШЕ стрелка 1.)



Konst 17.jpg



27. В открывшемся поле (рис. ВЫШЕ стрелка 1), вверху несколько имеется несколько разделов (стрелка 2)


28. После выбора картинки из разделов обязательно нажмите кнопку ОК (стрелка 3).



Konst 18.jpg


29. После перехода в редактор обязательно нажмите на кнопку СОХРАНИТЬ (рис. ВЫШЕ стрелка 1).



Konst 19.jpg



30. На странице появилась выбранная картинка (рис. ВЫШЕ стрелка 1).


31. Обязательно сохраняем произведенные изменения, для чего нажмите на кнопку СОХРАНИТЬ слева вверху (стрелка 2).



Konst 20.jpg

32. Следующий шаг проверка проделанной работы, для этого перейдите по ссылке в СПИСКЕ ОДНОСТРАНИЧНИКОВ (рис. ВЫШЕ стрелка 1).


Konst 21.jpg 


33. Перед Вами откроется созданный одностраничник, так же как он будет представлен в интернете (рис. ВЫШЕ).




СОЗДАНИЕ ПРОДАЮЩЕЙ СТРАНИЦЫ

1. Продолжайте работу по созданию одностраничников, для чего перейдите в свой кабинет обратно на сайт.


Konst 22.jpg 



2. Снова нажмите на кнопку СОЗДАТЬ СТРАНИЦУ(рис. ВЫШЕ стрелка 1).


3. Выберите подраздел ПУСТАЯ (стрелка 2).



Konst 23.jpg



4. Впишите только НАЗВАНИЕ (рис. ВЫШЕ стрелка 1).



5. Обязательно сохраняем произведенные изменения, для чего нажмите на кнопку СОХРАНИТЬ (рис. НИЖЕ стрелка 2).



Konst 24.jpg



6. Таким образом Вы снова создали новый Одностраничник (рис. НИЖЕ стрелка 1).



Konst 25.jpg


7. После того как появилось поле СПИСОК ОДНОСТРАНИЧНИКОВ найдите вновь, вновь созданный одностраничник и нажмите на кнопку Drag-N-'Drop' (рис. ВЫШЕ стрелка 2).



Konst 26.jpg



8. Наведите курсор мыши на НАСТРОЙКИ СТРАНИЦЫ.


9. Выставите нужную ширину и высоту (рис. ВЫШЕ стрелки 1,2).


10. Нажмите на кнопку Цвет фона страницы (стрелка 3).


Konst 27.jpg



11. Перед Вами предстала вкладка для выбора цвета, в которой Вы выбираете любой понравившийся цвет (рис. ВЫШЕ стрелка 1).



Konst 28.jpg



12. Следующим шагом нажмите на кнопку ДОБАВИТЬ ЛЕНТУ (рис. ВЫШЕ стрелка 1).



Konst 29.jpg



13. В открывшемся поле образцов делаете свой выбор понравившейся Вам ленты, двойным щелчком мыши по ленте подтверждаете выбор (рис. ВЫШЕ стрелка 1).


Konst 30.jpg



14. Затем нажмите на кнопку ДОБАВИТЬ ТЕКСТ (рис. ВЫШЕ стрелка 1).


Konst 31.jpg



15. Запишите Ваш ЗАГОЛОВОК (рис. ВЫШЕ стрелка 1), для этого выберите ФОРМАТ для Вашего текста (стрелка 2) и подходящий ШРИФТ (стрелка 3).


16. Закрепите Ваши действия путем нажатия на кнопку СОХРАНИТЬ (стрелка 4).


Konst 32.jpg



17. Перетяните заголовок на ленту (рис. ВЫШЕ стрелка 1).


18. Далее нажмите кнопку Добавить текст (стрелка 2).


Konst 33.jpg


19. Выберите в меню редактора кнопку ДОБАВИТЬ ВИДЕО (рис. ВЫШЕ стрелка 1).


Konst 34.jpg


20. В открывшемся поле введите ссылку URL видео (рис. ВЫШЕ стрелка 1).


21. Войдите на сервисы хранения видео, к примеру на YouTube.


Konst 35.jpg


22. Скопируйте ссылку с YouTube (как показано на рис. ВЫШЕ стрелка 2 и 3).


Konst 36.jpg


23. Перейдите на одностраничник и вставьте в поле ссылку из YouTube (рис. ВЫШЕ стрелка 1).


24. После чего подтвердите Нажатием на кнопку ОК (стрелка 2).


Konst 37.jpg


25. Подтверждаем свои действия нажатием на кнопку СОХРАНИТЬ (рис. ВЫШЕ стрелка 1).


Konst 38.jpg


26. Перед Вами открылась страница, где видео было успешно вставлено на ней (рис. ВЫШЕ стрелка 1).


27. Продолжаете редактирование путем Нажатием на кнопку ДОБАВИТЬ ЛЕНТУ (стрелка 2).



Konst 39.jpg


28. Вписываете в ее поле ЗАГОЛОВОК.


29. Обязательно сохраняем произведенные изменения, для чего нажмите на кнопку СОХРАНИТЬ слева вверху (стрелка 1).



Konst 40.jpg


30. Следующий шаг проверка проделанной работы, для этого перейдите по ссылке в СПИСКЕ ОДНОСТРАНИЧНИКОВ (рис. ВЫШЕ стрелка 1).


Konst 41.jpg


31. Перед Вами откроется созданный одностраничник, так же как он будет представлен в интернете (рис. ВЫШЕ).





СОЗДАНИЕ ТОВАРА

1. Продолжайте работу по созданию одностраничников, для чего перейдите в свой кабинет обратно на сайт.



Konst 42.jpg


2. Следующий шаг переходите в меню МАГАЗИН (рис. ВЫШЕ стрелка 1).


Konst 43.jpg


3. В разделе ТОВАРЫ и перейдите в подменю КАТАЛОГ НА САЙТЕ (рис. ВЫШЕ стрелка 1).


Konst 44.jpg


4. Перейдите в меню СОЗДАНИЕ ТОВАРА НА ОДНОСТРАНИЧНИКЕ (рис. ВЫШЕ стрелка 1).


Konst 45.jpg



5. Введите НАЗВАНИЕ Вашего одностраничника ( рис. ВЫШЕ стрелка 1).


6. Запищите СТОИМОСТЬ ТОВАРА (стрелка 2).


7. Напишите КРАТКОЕ ОПИСАНИЕ (стрелка 3).


8. Запишите URL-ссылку Вашего созданного одностраничника (стрелка 4).


9. Последним действием обязательно нажмите на кнопку СОХРАНИТЬ (стрелка 5).


Konst 46.jpg


10. Выбираете меню ТОВАРЫ, далее нажмите подменю КАТАЛОГ НА САЙТЕ ( рис. ВЫШЕ стрелка 1).


Konst 47.jpg


11. Найдите товар на одностраничнике, скопируйте эту URL-ссылку (рис. ВЫШЕ стрелка 1).


Konst 48.jpg


12. Войдите в раздел ОДНОСТРАНИЧНИК (рис. ВЫШЕ стрелка 1).


Konst 49.jpg



13. В меню СОЗДАННЫЕ СТРАНИЦЫ выберите подменю ВСЕ СТРАНИЦЫ (рис. ВЫШЕ стрелка 1).


Konst 50.jpg



14. Найдите свой Одностраничник и Нажмите на кнопку Drag-N-Drop (рис. ВЫШЕ стрелка 1).



Konst 51.jpg



15. Нажмите меню слева ДОБАВИТ ТЕКСТ (рис. ВЫШЕ стрелка 1).



Konst 52.jpg



16. В редакторе выберите кнопку ВСТАВИТЬ (рис. ВЫШЕ стрелка 1).


Konst 53.jpg


17. В выпавшем поле вставьте скопированную ссылку в поле ССЫЛКА (рис. ВЫШЕ стрелка 1).


18. Далее нажмите на кнопку ОФОРМИТЬ (стрелка 2).


Konst 54.jpg


19. В поле образцов кнопок выбираете любую (рис. ВЫШЕ стрелка 1).


20. И подтверждаете выбор нажатием на кнопку ОК (стрелка 2).


Konst 55.jpg


21. Следующим действием в редактировании обязательно нажмите на кнопку СОХРАНИТЬ (рис. ВЫШЕ стрелка 1).


Konst 56.jpg


22. Далее снова сохраняем отредактированную страницу нажатием на кнопку вверху слева СОХРАНИТЬ (рис. ВЫШЕ стрелка 1).


Konst 57.jpg


23. Проверьте итоги проделанной работы, для чего перейдите по URL-ссылке (рис. ВЫШЕ стрелка 1).


Konst 58.jpg


24. Обязательно, проверьте как работает установленная кнопка (рис. ВЫШЕ стрелка 1).


Konst 59.jpg


25. Подтверждением правильности установки товара, перед Вами откроется окно регистрации покупателя (рис. ВЫШЕ).


26. В случае обратного, произведите проверку правильности своих предыдущих действий по установке товара на свой .


Приятного пользования услугами сервиса Pro100mag!

Личные инструменты
Пространства имён

Варианты
Действия
Навигация
Инструменты