Вставить свою форму подписки на рассылку на главную страницу витрины

Доброго вечера.

Евгений, подскажите пожалуйста, куда вставить код для вывода формы подписки на новости email, аналогичной имеющийся встроенной для приложения рассылки от webasyst. Полностью отказались от него- оно ужасно, и правильно видимо тема не поддерживала это убогое ПО, как кстати и CRM от вебасист, еще один выкидыш.

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

Например в виде срипта

<script src="//static-login.sendpulse.com/apps/fc3/build/loader.js" sp-form-id="87be78f53549ed0d86ffa861e09ad5aa6cf60ccf9813cbf3edd939bce7ada15f"></script>

или

html формы

Заранее спасибо!

9 ответов
a
Алексей
#
29 октября 2019 22:59

Разобрался в

<h4>footer.subscribe.html</h4>

Остались вопросы по оформлению и css, буду пробовать


a
Евгений Леман
programmer
#
30 октября 2019 01:09

видимо тема не поддерживала это убогое ПО

Тема поддерживает приложение "Рассылки" полностью.

a
Алексей
#
30 октября 2019 13:33

А не подскажите, в кнопке текст по вертикали не по центру,

Не могу понять, почему vertical-align: middle не помагает для этой кнопки .sp-button

Какой то класс темы перебивает свойства?

Не подскажите?

Код самой кнопки:

{strip}

<!-- Subscription Form -->

<style >.sp-force-hide { display: none;}.sp-form[sp-id="135958"] { display: block; background: rgba(255, 255, 255, 1); padding: 5px; width: 100%; max-width: 100%; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; font-family: inherit; background-repeat: no-repeat; background-position: center; background-size: auto;}.sp-form[sp-id="135958"] input[type="checkbox"] { display: inline-block; opacity: 1; visibility: visible;}.sp-form[sp-id="135958"] .sp-form-fields-wrapper { margin: 0 auto; width: 950px;}.sp-form[sp-id="135958"] .sp-form-control { background: #ffffff; border-color: rgba(194, 194, 194, 1); border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; height: 35px; width: 100%;}.sp-form[sp-id="135958"] .sp-field label { color: rgba(194, 194, 194, 1); font-size: 13px; font-style: normal; font-weight: normal;}.sp-form[sp-id="135958"] .sp-button { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; background-color: #ffffff; color: #f1417b; width: auto; font-weight: 700; font-style: normal; font-family: inherit; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-width: 2px; border-color: #f1417b; border-style: solid;}.sp-form[sp-id="135958"] .sp-button-container { text-align: left; width: auto;}</style><div class="sp-form-outer sp-force-hide"><div id="sp-form-135958" sp-id="135958" sp-hash="87be78f53549ed0d86ffa861e09ad5aa6cf60ccf9813cbf3edd939bce7ada15f" sp-lang="ru" class="sp-form sp-form-regular sp-form-embed sp-form-horizontal sp-form-full-width" sp-show-options="%7B%22satellite%22%3Afalse%2C%22maDomain%22%3A%22login.sendpulse.com%22%2C%22formsDomain%22%3A%22forms.sendpulse.com%22%2C%22condition%22%3A%22onEnter%22%2C%22scrollTo%22%3A25%2C%22delay%22%3A10%2C%22repeat%22%3A3%2C%22background%22%3A%22rgba(0%2C%200%2C%200%2C%200.5)%22%2C%22position%22%3A%22bottom-right%22%2C%22animation%22%3A%22%22%2C%22hideOnMobile%22%3Afalse%2C%22urlFilter%22%3Afalse%2C%22urlFilterConditions%22%3A%5B%7B%22force%22%3A%22hide%22%2C%22clause%22%3A%22contains%22%2C%22token%22%3A%22%22%7D%5D%2C%22analytics%22%3A%7B%22ga%22%3A%7B%22eventLabel%22%3Anull%2C%22send%22%3Afalse%7D%2C%22ym%22%3A%7B%22counterId%22%3Anull%2C%22eventLabel%22%3Anull%2C%22targetId%22%3Anull%2C%22send%22%3Afalse%7D%7D%7D"><div class="sp-form-fields-wrapper show-grid"><div class="sp-message"><div></div></div><form novalidate="" class="sp-element-container ui-sortable ui-droppable sp-sm"><div class="sp-field sp-field-full-width" sp-id="sp-b44d7be7-fc54-4143-ba19-00d54023011b"><div style="font-family: inherit; line-height: 0;"><p style="text-align: left;"><span style="color: #000000;"><strong><span style="font-size: 18px;">подписаться!</span></strong></span></p></div></div><div class="sp-field " sp-id="sp-5c7eb4db-d8f1-4792-96e0-64f11c627f05"><label class="sp-control-label"><span >Узнавайте первым о новых акциях и скидках</span><strong >*</strong></label><input type="email" sp-type="email" name="sform[email]" class="sp-form-control " placeholder="username@gmail.com" sp-tips="%7B%22required%22%3A%22%D0%9E%D0%B1%D1%8F%D0%B7%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5%20%D0%BF%D0%BE%D0%BB%D0%B5%22%2C%22wrong%22%3A%22%D0%9D%D0%B5%D0%B2%D0%B5%D1%80%D0%BD%D1%8B%D0%B9%20email-%D0%B0%D0%B4%D1%80%D0%B5%D1%81%22%7D" required="required"></div><div class="sp-field sp-button-container " sp-id="sp-893a4794-958a-4a96-93d8-78c117b5f4dd"><button id="sp-893a4794-958a-4a96-93d8-78c117b5f4dd" class="sp-button">Подписаться</button></div></form></div></div></div><script type="text/javascript" src="//static-login.sendpulse.com/apps/fc3/build/default-handler.js?1572266861395"></script>

<!-- /Subscription Form -->

{/strip}

a
Фархад
designer
#
30 октября 2019 19:24

Здравствуйте!

https://gyazo.com/bb5b91919c17...

a
Алексей
#
30 октября 2019 19:51

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

Через html нельзя ни как?

a
Алексей
#
30 октября 2019 20:02

Исправил пока так

a
Алексей
#
30 октября 2019 20:07

не получается, много кнопок съехало, вернул как было, т.к. в корзине кнопки съехали при подтвеождении заказа(

a
Алексей
#
30 октября 2019 20:30

сделано class="sp-button" <p style="padding-top: 4px;">ПОДПИСАТЬСЯ</p>

Спасибо

a
Евгений Леман
programmer
#
30 октября 2019 20:33

Так правильнее:

.sp-form .sp-button, .sp-form .sp-form-control{line-height:0.5}

Только какое это имеет отношение к теме? Ответы на подобные вопросы стоит искать на профильных форумах начинающих верстальщиков. Ну или обратиться к эксперту, который имеет необходимую квалификацию и сделает всё сам.

Чтобы добавить комментарий, зарегистрируйтесь или войдите