ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-23 03:45:05 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #107 from teaxyz/klaviyo-integration

Browse source 
Klaviyo integration
This commit is contained in:
Chris Waters 2022-09-27 15:18:18 -04:00 committed by GitHub
commit 9b75c1e3e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 57 additions and 106 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/layouts/index.html
View file

@ -30,24 +30,7 @@
<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="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
<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>
{{- partial "klaviyo-form.html" . -}}
</div>
</div>

63
src/layouts/page/keep-what-is-yours.html
View file

@ -113,70 +113,9 @@
<div class="row">
<div class="col-lg-7">
<div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
<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>
{{- partial "klaviyo-form.html" . -}}
</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 -->

28
src/layouts/partials/footer.html
View file

@ -49,33 +49,9 @@
<div class="col-lg-4 mt-3">
<h6 class=" mb-4">Get updates to your inbox</h6>
<!-- Start Sendx Form Module -->
<!-- Start klaviyo Form Module -->
<div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
<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>
{{- partial "klaviyo-form.html" . -}}
<!-- End Sendx Form -->

4
src/layouts/partials/head.html
View file

@ -44,6 +44,10 @@
})();
</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 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

49
src/layouts/partials/klaviyo-form.html Normal file
View 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>