Pipedrive Webhook

.fe-63efc615c7acde741f02829e {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(18,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-63efc615c7acde741f02829e {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-63efc615c7acde741f02829e {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(18,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-yui_3_17_2_1_1676657683238_7197 {
grid-area: 1/2/7/10;
z-index: 3;

@media (max-width: 767px) {

}
}

.fe-block-yui_3_17_2_1_1676657683238_7197 .sqs-block {
justify-content: center;
}

.fe-block-yui_3_17_2_1_1676657683238_7197 .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1676657683238_7197 {
grid-area: 5/12/10/16;
z-index: 3;

}

.fe-block-yui_3_17_2_1_1676657683238_7197 .sqs-block {
justify-content: center;
}

.fe-block-yui_3_17_2_1_1676657683238_7197 .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-yui_3_17_2_1_1676657683238_23131 {
grid-area: 7/2/9/10;
z-index: 4;

@media (max-width: 767px) {

}
}

.fe-block-yui_3_17_2_1_1676657683238_23131 .sqs-block {
justify-content: flex-start;
}

.fe-block-yui_3_17_2_1_1676657683238_23131 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1676657683238_23131 {
grid-area: 1/11/3/17;
z-index: 4;

}

.fe-block-yui_3_17_2_1_1676657683238_23131 .sqs-block {
justify-content: flex-start;
}

.fe-block-yui_3_17_2_1_1676657683238_23131 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-yui_3_17_2_1_1676657683238_46395 {
grid-area: 9/2/11/10;
z-index: 5;

@media (max-width: 767px) {

}
}

.fe-block-yui_3_17_2_1_1676657683238_46395 .sqs-block {
justify-content: flex-start;
}

.fe-block-yui_3_17_2_1_1676657683238_46395 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1676657683238_46395 {
grid-area: 3/11/5/17;
z-index: 5;

}

.fe-block-yui_3_17_2_1_1676657683238_46395 .sqs-block {
justify-content: flex-start;
}

.fe-block-yui_3_17_2_1_1676657683238_46395 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-yui_3_17_2_1_1676657683238_64372 {
grid-area: 11/2/19/10;
z-index: 6;

@media (max-width: 767px) {

}
}

.fe-block-yui_3_17_2_1_1676657683238_64372 .sqs-block {
justify-content: flex-start;
}

.fe-block-yui_3_17_2_1_1676657683238_64372 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1676657683238_64372 {
grid-area: 10/11/19/17;
z-index: 6;

}

.fe-block-yui_3_17_2_1_1676657683238_64372 .sqs-block {
justify-content: flex-start;
}

.fe-block-yui_3_17_2_1_1676657683238_64372 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-yui_3_17_2_1_1676657683238_7197 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

Opt-Out

Enter your email address to opt-out of receiving communication from Zen Privata.

https://cdnjs.cloudflare.com/ajax/libs/axios/1.3.3/axios.min.jsn\n</head>\n<body>\n<div>\n <label>Email</label>\n <input class=\"w-100 input\" id=\"pipedrive-email\" label=\"Email\"/>\n <small class=\"error d-none\" id=\"email-error-text\">Please put a valid email</small>\n <small class=\"error d-none\" id=\"error-text\">Error sending email</small>\n <small class=\"success d-none\" id=\"success-text\">Success</small>\n <button class=\"w-100 button mt-button\" id=\"send-button\" onclick=\"submit()\">SEND</button>\n <script>\n //app.zenprivata.com/pipedrive/opt-out?email=luis@rugertek.com\n\n async function submit() {\n document.getElementById(‘success-text’).style.display = ‘none’\n document.getElementById(’email-error-text’).style.display = ‘none’\n document.getElementById(‘error-text’).style.display = ‘none’\n let email = document.getElementById(‘pipedrive-email’).value;\n if (validateEmail(email)) {\n document.getElementById(‘send-button’).disabled = true\n try {\n const result = await axios.post(‘https://d4clg1ykgsrkm.cloudfront.net/api/pipedrive/no-reply?email=&#8217; + email)\n document.getElementById(‘success-text’).style.display = ‘block’\n document.getElementById(’email-error-text’).style.display = ‘none’\n document.getElementById(‘error-text’).style.display = ‘none’\n setTimeout(() => {\n document.getElementById(‘success-text’).style.display = ‘none’\n }, 2000)\n } catch (e) {\n document.getElementById(‘success-text’).style.display = ‘none’\n document.getElementById(’email-error-text’).style.display = ‘none’\n document.getElementById(‘error-text’).style.display = ‘block’\n } finally {\n document.getElementById(‘send-button’).disabled = false\n }\n } else {\n document.getElementById(‘success-text’).style.display = ‘none’\n document.getElementById(’email-error-text’).style.display = ‘block’\n document.getElementById(‘error-text’).style.display = ‘none’\n }\n }\n\n function validateEmail(mail) {\n if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(mail)) {\n return (true)\n }\n return (false)\n }\n </script>\n</div>\n</body>\n</html>\n<style>\n .w-100 {\n width: 100%;\n }\n\n .input {\n width: 100%;\n padding: 12px;\n margin: 6px 0 4px;\n border: 1px solid #ccc;\n background: #fafafa;\n color: #000;\n font-family: sans-serif;\n font-size: 12px;\n line-height: normal;\n box-sizing: border-box;\n border-radius: 2px;\n }\n\n .input:focus {\n background: #fff;\n transition: background .1s ease-in;\n outline-color: #c4c4c4;\n }\n\n .button {\n background: hsl(20deg 91% 47%);\n color: white;\n line-height: normal;\n border-style: solid;\n border-width: 0px;\n border-radius: 0.4rem;\n padding: 1.2em 2.004em;\n }\n\n .mt-button {\n margin-top: 20px;\n }\n\n .error {\n color: red;\n }\n\n .success {\n color: green;\n }\n\n .d-none {\n display: none;\n }\n</style>\n"}” data-block-type=”22″ id=”block-yui_3_17_2_1_1676657683238_64372″>

https://cdnjs.cloudflare.com/ajax/libs/axios/1.3.3/axios.min.js

Email

Please put a valid email
Error sending email
Success
SEND

//app.zenprivata.com/pipedrive/opt-out?email=luis@rugertek.com

async function submit() {
document.getElementById(‘success-text’).style.display = ‘none’
document.getElementById(’email-error-text’).style.display = ‘none’
document.getElementById(‘error-text’).style.display = ‘none’
let email = document.getElementById(‘pipedrive-email’).value;
if (validateEmail(email)) {
document.getElementById(‘send-button’).disabled = true
try {
const result = await axios.post(‘https://d4clg1ykgsrkm.cloudfront.net/api/pipedrive/no-reply?email=&#8217; + email)
document.getElementById(‘success-text’).style.display = ‘block’
document.getElementById(’email-error-text’).style.display = ‘none’
document.getElementById(‘error-text’).style.display = ‘none’
setTimeout(() => {
document.getElementById(‘success-text’).style.display = ‘none’
}, 2000)
} catch (e) {
document.getElementById(‘success-text’).style.display = ‘none’
document.getElementById(’email-error-text’).style.display = ‘none’
document.getElementById(‘error-text’).style.display = ‘block’
} finally {
document.getElementById(‘send-button’).disabled = false
}
} else {
document.getElementById(‘success-text’).style.display = ‘none’
document.getElementById(’email-error-text’).style.display = ‘block’
document.getElementById(‘error-text’).style.display = ‘none’
}
}

function validateEmail(mail) {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail)) {
return (true)
}
return (false)
}

.w-100 {
width: 100%;
}

.input {
width: 100%;
padding: 12px;
margin: 6px 0 4px;
border: 1px solid #ccc;
background: #fafafa;
color: #000;
font-family: sans-serif;
font-size: 12px;
line-height: normal;
box-sizing: border-box;
border-radius: 2px;
}

.input:focus {
background: #fff;
transition: background .1s ease-in;
outline-color: #c4c4c4;
}

.button {
background: hsl(20deg 91% 47%);
color: white;
line-height: normal;
border-style: solid;
border-width: 0px;
border-radius: 0.4rem;
padding: 1.2em 2.004em;
}

.mt-button {
margin-top: 20px;
}

.error {
color: red;
}

.success {
color: green;
}

.d-none {
display: none;
}

Learn More About ZenPrivata