mirror of
https://github.com/ivabus/www
synced 2024-11-27 00:55:07 +03:00
Merge pull request #107 from teaxyz/klaviyo-integration
Klaviyo integration
This commit is contained in:
Chris Waters
GitHub
commit
9b75c1e3e8
5 changed files with 57 additions and 106 deletions
|
|
@ -30,24 +30,7 @@
|
||||||
|
|
||||||
<div class="row p-0">
|
<div class="row p-0">
|
||||||
<div class="col-lg-12 mb-lg-0 mb-md-5 mb-sm-5 mb-5 p-0">
|
<div class="col-lg-12 mb-lg-0 mb-md-5 mb-sm-5 mb-5 p-0">
|
||||||
<div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
|
{{- partial "klaviyo-form.html" . -}}
|
||||||
<div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
|
|
||||||
<div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Add your email_" required>
|
|
||||||
<input type="submit" id="keep-email-btn" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit" name="subscribe" value="Subscribe">
|
|
||||||
</input>
|
|
||||||
</form>
|
|
||||||
<div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
</div>
|
|
||||||
<div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
|
|
||||||
<input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -113,71 +113,10 @@
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-7">
|
<div class="col-lg-7">
|
||||||
<div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
|
{{- partial "klaviyo-form.html" . -}}
|
||||||
<div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
|
|
||||||
<div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Add your email_" required>
|
|
||||||
<input type="submit" id="keep-email-btn" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit" name="subscribe" value="Subscribe">
|
|
||||||
</input>
|
|
||||||
</form>
|
|
||||||
<div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
</div>
|
|
||||||
<div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
|
|
||||||
<input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Styling for Subscibe form -->
|
|
||||||
|
|
||||||
<style>
|
|
||||||
|
|
||||||
#keep-btn-bottom:hover{
|
|
||||||
border: 2px solid #62CFBF !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 576px) {
|
|
||||||
|
|
||||||
#SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
|
|
||||||
width:100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#keep-email-btn{
|
|
||||||
width:100%;
|
|
||||||
float:none;
|
|
||||||
margin-bottom:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.whitepaper-btn-right{
|
|
||||||
width:100%;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 576px) {
|
|
||||||
|
|
||||||
#SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
|
|
||||||
width:69%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#keep-email-btn{
|
|
||||||
width:29%;
|
|
||||||
float:right;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- End styling for subscribe form -->
|
|
||||||
|
|
||||||
<!-- Start three column value props -->
|
<!-- Start three column value props -->
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
|
||||||
|
|
@ -49,33 +49,9 @@
|
||||||
<div class="col-lg-4 mt-3">
|
<div class="col-lg-4 mt-3">
|
||||||
<h6 class=" mb-4">Get updates to your inbox</h6>
|
<h6 class=" mb-4">Get updates to your inbox</h6>
|
||||||
|
|
||||||
<!-- Start Sendx Form Module -->
|
<!-- Start klaviyo Form Module -->
|
||||||
|
|
||||||
<div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
|
{{- partial "klaviyo-form.html" . -}}
|
||||||
<div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
|
|
||||||
<div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field email-field-footer mb-3" data-attr-type="0" name="Email" placeholder="Add your email_" required>
|
|
||||||
<input type="submit" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit" name="subscribe" value="Subscribe">
|
|
||||||
</input>
|
|
||||||
</form>
|
|
||||||
<div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
<p></p>
|
|
||||||
</div>
|
|
||||||
<div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
|
|
||||||
<input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.email-field-footer{
|
|
||||||
width:100% !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- End Sendx Form -->
|
<!-- End Sendx Form -->
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -44,6 +44,10 @@
|
||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- Enable Klaviyo Signup Form -->
|
||||||
|
|
||||||
|
<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VAwqJH"></script>
|
||||||
|
|
||||||
<!-- CSS only -->
|
<!-- CSS only -->
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||||
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||||
|
|
|
||||||
49
src/layouts/partials/klaviyo-form.html
Normal file
49
src/layouts/partials/klaviyo-form.html
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
<div class="klaviyo-form-WUxzRc"></div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
.kl-private-reset-css-Xuajs1{
|
||||||
|
display: block !important;
|
||||||
|
padding: 0px !important;
|
||||||
|
margin: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.go3894874857{
|
||||||
|
width: 100% !important;
|
||||||
|
background-color: #54BAAB !important;
|
||||||
|
height: 45px !important;
|
||||||
|
border: none !important;
|
||||||
|
border-radius: 60px !important;
|
||||||
|
transition: 0.2s ease-in-out !important;
|
||||||
|
font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
|
||||||
|
font-weight: 700 !important;
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.go3894874857:hover{
|
||||||
|
background-color: #62CFBF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::placeholder{
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#email_48240757{
|
||||||
|
width: 100%;
|
||||||
|
height: 45px !important;
|
||||||
|
font-size: 16px !important;
|
||||||
|
margin-bottom: 10px !important;
|
||||||
|
border: none !important;
|
||||||
|
border-radius: 30px !important;
|
||||||
|
background-color: #3F4346 !important;
|
||||||
|
padding: 10px 30px !important;
|
||||||
|
color: white !important;
|
||||||
|
transition: 0.1s ease-in-out !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#email_48240757:focus{
|
||||||
|
border: 1px solid #54BAAB !important;
|
||||||
|
box-shadow: 0px 0px 4px rgba(84, 186, 171, 0.5) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in a new issue