Перейти к содержимому


Вот Так Хочу!


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 13

#1 desbest

desbest

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 376 сообщений

Отправлено 06 Февраль 2013 - 19:13

Необходимо сделать окно подписки, чтобы оно выводилось один раз при заходе пользователем на сайт, запоминался его ip и больше ему не выдовалось. База email собиралась либо в бэк-офис -> клиенты, либо в какой-нибудь сторонний сервис.
А также оформить дизайн.

Пример на фото!

Прикрепленные изображения

  • podpiska.PNG


#2 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 06 Февраль 2013 - 19:27

Просмотр сообщенияdesbest (06 Февраль 2013 - 19:13) писал:

Необходимо сделать окно подписки, чтобы оно выводилось один раз при заходе пользователем на сайт, запоминался его ip и больше ему не выдовалось. База email собиралась либо в бэк-офис -> клиенты, либо в какой-нибудь сторонний сервис.
А также оформить дизайн.

Пример на фото!
Такого сервиса у нас нет. Вы можете предложить эту идею здесь -http://storeland.reformal.ru/

#3 desbest

desbest

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 376 сообщений

Отправлено 06 Февраль 2013 - 19:42

Просмотр сообщенияMikola (06 Февраль 2013 - 19:27) писал:

Такого сервиса у нас нет. Вы можете предложить эту идею здесь -http://storeland.reformal.ru/

Я работаю уже год и почти на каждый свой вопрос слышу что "Такого сервиса у нас нет", но на практике если захотеть можно реализовать что угодно, поэтому вопрос актуальный!

#4 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 07 Февраль 2013 - 12:28

Просмотр сообщенияdesbest (06 Февраль 2013 - 19:42) писал:

Я работаю уже год и почти на каждый свой вопрос слышу что "Такого сервиса у нас нет", но на практике если захотеть можно реализовать что угодно, поэтому вопрос актуальный!

Пока я не могу сказать как можно сделать так, чтобы это всплывающее окно выводилось Вашим клиентам только при первом заходи на сайт. Дело в том, что большинству пользователям интернет сети выдается динамический ip адрес. Это означает, что при каждой новой установке соединения, будет выдаваться другой ip адрес. Сделать такое всплывающее окно не трудно, но вот появляться оно скорее всего будет все при каждом заходе на Ваш сайт

#5 desbest

desbest

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 376 сообщений

Отправлено 07 Февраль 2013 - 13:19

Просмотр сообщенияsupport 2.0 (07 Февраль 2013 - 12:28) писал:

Пока я не могу сказать как можно сделать так, чтобы это всплывающее окно выводилось Вашим клиентам только при первом заходи на сайт. Дело в том, что большинству пользователям интернет сети выдается динамический ip адрес. Это означает, что при каждой новой установке соединения, будет выдаваться другой ip адрес. Сделать такое всплывающее окно не трудно, но вот появляться оно скорее всего будет все при каждом заходе на Ваш сайт
Ок, тогда я себе это представляю так: 1) у меня есть код формы которая будет собирать и структурировать данные. 2) Картинка с текстом
Все это необходимо объеденить и сделать окошко всплывающим.
хотябы по ip, ведь у всех сайтов так, если почисть историю или соединиться с интернетом снова, то окошко выводиться опять.

Итак вопрос, как это сделать?)

#6 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 07 Февраль 2013 - 14:11

Просмотр сообщенияdesbest (07 Февраль 2013 - 13:19) писал:

Ок, тогда я себе это представляю так: 1) у меня есть код формы которая будет собирать и структурировать данные. 2) Картинка с текстом
Все это необходимо объеденить и сделать окошко всплывающим.
хотябы по ip, ведь у всех сайтов так, если почисть историю или соединиться с интернетом снова, то окошко выводиться опять.

Итак вопрос, как это сделать?)

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

#7 desbest

desbest

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 376 сообщений

Отправлено 07 Февраль 2013 - 14:20

Просмотр сообщенияsupport 2.0 (07 Февраль 2013 - 14:11) писал:

Итак, смотрите, данная реализация есть здесь. Но все зависит от того, что за скрипт у Вас для этой формы используется. Получается, что почта, которую будет вводить Ваш клиент, должна куда-то отправляться Вам, если Вы знаете как это будет реализовано, тогда Вам осталось только все это создать согласно той инструкции выше. Можно также поставить счетчик, чтобы это всплывающее окно выводилось через некоторое время присутствия на странице.
Я так понимаю код надо будет вставить "Сайт->Главная страница" или в шаблон html? Выводиться будет только если клиент попал на главнйю страницу или на любую?
Структура такая: код картинки, далее код счетчика, (все имеется) что за чем вставить? если использовать код отсюда
Прям можно так и написать этот код сюда, этот сюда))
Спасибо за столь скорый ответ!!!

#8 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 07 Февраль 2013 - 16:08

Просмотр сообщенияdesbest (07 Февраль 2013 - 14:20) писал:

Я так понимаю код надо будет вставить "Сайт->Главная страница" или в шаблон html? Выводиться будет только если клиент попал на главнйю страницу или на любую?
Структура такая: код картинки, далее код счетчика, (все имеется) что за чем вставить? если использовать код отсюда
Прям можно так и написать этот код сюда, этот сюда))
Спасибо за столь скорый ответ!!!


Сначала в файл main.css вставляете стили:
/*Всплывающее окно*/
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 500px; /*Ширина окна*/
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}

далее заходите в раздел Сайт -> Страницы -> Главная страница и в описании нажимаете кнопку html. Здесь можете писать любой текст, т.е. вставляете и изображение и код счетчика так, как Вам нужно. В конце добавить там нужно будет обязательно
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div>
</div>
<script type="text/javascript">// <![CDATA[
var delay_popup = 3000; /*время задержки примерно 3 секунды*/
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
// ]]></script>

Сохранить. У Вашего кода счетчика наверняка есть библиотека, которую нужно будет подключить. Для этого зайдите в раздел Сайт -> Редактор тем -> шаблон HTML и найдите строчку
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

после нее вставьте
<script type="text/javascript" src="{ASSETS_JS_PATH}название_файла.js"></script>
и вместо название_файла.js вставьте название библиотеки, которую перед этим нужно было загрузить на сайт (Сайт -> Редактор тем -> файлы)

Такое всплывающее окно неудобно тем, что при каждом заходе на главную страницу сайта будет выскакивать это окошко

#9 desbest

desbest

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 376 сообщений

Отправлено 07 Февраль 2013 - 19:53

Просмотр сообщенияsupport 2.0 (07 Февраль 2013 - 16:08) писал:

Сначала в файл main.css вставляете стили:
/*Всплывающее окно*/
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 500px; /*Ширина окна*/
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}

далее заходите в раздел Сайт -> Страницы -> Главная страница и в описании нажимаете кнопку html. Здесь можете писать любой текст, т.е. вставляете и изображение и код счетчика так, как Вам нужно. В конце добавить там нужно будет обязательно
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div>
</div>
<script type="text/javascript">// <![CDATA[
var delay_popup = 3000; /*время задержки примерно 3 секунды*/
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
// ]]></script>

Сохранить. У Вашего кода счетчика наверняка есть библиотека, которую нужно будет подключить. Для этого зайдите в раздел Сайт -> Редактор тем -> шаблон HTML и найдите строчку
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

после нее вставьте
<script type="text/javascript" src="{ASSETS_JS_PATH}название_файла.js"></script>
и вместо название_файла.js вставьте название библиотеки, которую перед этим нужно было загрузить на сайт (Сайт -> Редактор тем -> файлы)

Такое всплывающее окно неудобно тем, что при каждом заходе на главную страницу сайта будет выскакивать это окошко
а как же привязка по ip? Если настроить не на главную страницу, а на ip адрес....

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Февраль 2013 - 22:29

Определить ip адрес посредством javasript - нельзя. В шаблоне также такой возможности нет, поэтому сделать какую либо привязку на ip адрес - нельзя.

#11 desbest

desbest

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 376 сообщений

Отправлено 01 Март 2013 - 09:39

Просмотр сообщенияVaccina (07 Февраль 2013 - 22:29) писал:

Определить ip адрес посредством javasript - нельзя. В шаблоне также такой возможности нет, поэтому сделать какую либо привязку на ip адрес - нельзя.
А как тогда сделать, чтобы окошко выводилось один раз, одному клиенту?
На других сайтах это как-то же реализованно...

#12 Panerai

Panerai

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 122 сообщений

Отправлено 01 Сентябрь 2013 - 19:12

Что бы не создавать новую тему, скажите пожалуйста, можно ли прилепить такую же всплывающую форму запрашивающую электронный адрес посетителя, как на этом сайте http://shard-copywriting.ru/  ??? Форма всплывет в самом низу сайта.

#13 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 02 Сентябрь 2013 - 09:54

Просмотр сообщенияdesbest (01 Март 2013 - 09:39) писал:

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

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

#14 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 02 Сентябрь 2013 - 10:03

Просмотр сообщенияPanerai (01 Сентябрь 2013 - 19:12) писал:

Что бы не создавать новую тему, скажите пожалуйста, можно ли прилепить такую же всплывающую форму запрашивающую электронный адрес посетителя, как на этом сайте http://shard-copywriting.ru/  ??? Форма всплывет в самом низу сайта.

Если есть код этой всплывающей формы и там не надо будет использовать php, то можно.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных