Hi I have a hubspot form I would like to use in an a/b test. We want to test a particular field (phone number) being optional and required. The form currently has it set to optional but I need to use the same form in the a/b test and set the ph 続きを読む
Hi I have a hubspot form I would like to use in an a/b test. We want to test a particular field (phone number) being optional and required. The ...続きを読む
Hi I have a hubspot form I would like to use in an a/b test. We want to test a particular field (phone number) being optional and required. The form currently has it set to optional but I need to use the same form in the a/b test and set the ph 続きを読む
Hi I have a hubspot form I would like to use in an a/b test. We want to test a particular field (phone number) being optional and required. The ...続きを読む
Hi Is there a way to edit the error messages on the Hubspot forms? In the past I have made edits to individual fields such as: translations={{
en :{
forbiddenEmailDomain : "Please enter a company email address."
}
}} But I dont rea 続きを読む
Hi @Jaycee_Lewis yes i am still using that approach. It was just to see if there was a central global option to set the error messages instead of ...続きを読む
Hi Is there a way to edit the error messages on the Hubspot forms? In the past I have made edits to individual fields such as: translations={{
en :{
forbiddenEmailDomain : "Please enter a company email address."
}
}} But I dont rea 続きを読む
Hi @Jaycee_Lewis yes i am still using that approach. It was just to see if there was a central global option to set the error messages instead of ...続きを読む
Hi I am putting together an email template using the Drag and drop method via the Marketing > Email > Create email. Previously I have coded it all in the Design Tools section using HubL code, but as we need to have several parts of this emai 続きを読む
Thanks for the replies. In the end I copied the code generated from the drag and drop into a HubL file and added editable areas to make them Smart. ...続きを読む
Hi I am putting together an email template using the Drag and drop method via the Marketing > Email > Create email. Previously I have coded it all in the Design Tools section using HubL code, but as we need to have several parts of this emai 続きを読む
Thanks for the replies. In the end I copied the code generated from the drag and drop into a HubL file and added editable areas to make them Smart. ...続きを読む
Hi I am putting together an email template using the Drag and drop method via the Marketing > Email > Create email. Previously I have coded it all in the Design Tools section using HubL code, but as we need to have several parts of this emai 続きを読む
Thanks for the replies. In the end I copied the code generated from the drag and drop into a HubL file and added editable areas to make them Smart. ...続きを読む
Hi I have a hubspot form I would like to use in an a/b test. We want to test a particular field (phone number) being optional and required. The form currently has it set to optional but I need to use the same form in the a/b test and set the ph 続きを読む
Hi I have a hubspot form I would like to use in an a/b test. We want to test a particular field (phone number) being optional and required. The ...続きを読む
Hi Is there a way to edit the error messages on the Hubspot forms? In the past I have made edits to individual fields such as: translations={{
en :{
forbiddenEmailDomain : "Please enter a company email address."
}
}} But I dont rea 続きを読む
Hi @Jaycee_Lewis yes i am still using that approach. It was just to see if there was a central global option to set the error messages instead of ...続きを読む
Hi We wanted to switch off the AMP feature for our blog posts as they werent really working well for us. So I turned off the feature in the settings section of Hubspot. Ive checked one of the places links to our blog articles gets publishe 続きを読む
Hi Ive put together a page using Drag and Drop in the Design tools and dropped in a hubspot form. I need to change the validation message on the email field which currently says: Please enter your business email address. This form does 続きを読む
Hi I will soon be working on a Gatsby site powered by react.js which will need to pull in and display Hubspot blogs. I see on the Gatsby site there is a plugin but out of curiosity has anyone here done anything like this and is there is anyt 続きを読む
//
//
//
//
//
(function($) {
//START END-USER CONFIGURATION
//------------------------------
//selectors for hover card triggers
var allHoverCardTriggers = '.author-name-link,.friend-list .friend a,.username a,.avatar,.user-avatar,.author-img, .authors a, .messageauthorusername a, a.lia-user-name-link, .js-latest-post-by-from a, .user-online-list li a, a.UserAvatar, .customUsersOnline a, #authors a,.dashboard-followers a.user-name, .dashboard-following a.user-name,.author-login-wrapper a, .hb-leaderboard a, .author-img-floated';
// Forward calling page's URL params to endpoint URL as well, helps with testing!
var params = (new URL(location.href)).searchParams;
var userApiUrl = '/plugins/custom/hubspot/hubspot/hovercardendpoint?' + ((params.set('user_id', '') == []._) && params.toString());
if($('.hover-card-container').length<1){
$('body').append('');
}
var cardWrapper = $('.hover-card-container');
var error = false;
var thisUserID = '';
var thisUserLogin = '';
var userLink ='';
var cardTimer;
var leaveTimer;
function mouseenter(Elem) {
var thisEl = Elem;
cardTimer = setTimeout(function(){
var docWidth = $(document).width();
var rightSide = false;
var userLink = thisEl.attr('href');
if($('.ViewProfilePage').length && $('img.lia-user-avatar-profile',thisEl).length){thisUserID = '71665';}
else if(thisEl.attr('href')=='#' || thisEl.attr('href')=='' || !userLink.match('viewprofilepage')){
return false;}
else{
var thisLen = (userLink).split('/');
thisUserID = (thisLen)[thisLen.length-1];
}
var thisCard = $('.profileCard[data-user='+thisUserID+']',cardWrapper);
var cardId = 'userProfileCard-'+ thisUserID;
var addAttr = thisEl.attr('aria-describedby',cardId);
var thisElTopOffset = Math.round(thisEl.offset().top+(thisEl.height()/2)+30);
var thisElbottomoffset = "auto";
var className = "";
var winHeight = $(window).height();
var elOffset = thisEl.offset();
var scrollTop = $(window).scrollTop();
var elementOffset = thisEl.offset().top;
var distanceTop = (elementOffset - scrollTop);
var distanceBottom = (winHeight + scrollTop) - (elOffset.top + thisEl.outerHeight(true));
var distanceLeft = Math.round(thisEl.offset().left);
var bodyHight = $('body').height();
var topParam = '';
var bottomparam = '';
var position = '';
var className = 'topArrow';
cardId
if(distanceBottom < 300 ){
if(distanceLeft < 59){
thisCard.removeClass('bottomArrow');
var className = 'leftArrow';
var distanceLeft = (distanceLeft)+(39);
var thisElTopOffset = (thisElTopOffset)-(150);
}else{
var thisElTopOffset = (thisElTopOffset)-(301); var className = 'bottomArrow'; thisCard.removeClass('topArrow');
thisCard.removeClass('leftArrow');
var distanceLeft = (distanceLeft)-(45);
}
}
else{
if(distanceLeft < 59){
thisCard.removeClass('topArrow');
var className = 'leftArrow';
var distanceLeft = (distanceLeft)+(39);
var thisElTopOffset = (thisElTopOffset)-(150);
}else{
thisCard.removeClass('leftArrow');
thisCard.removeClass('bottomArrow').addClass('topArrow');
var distanceLeft = (distanceLeft)-(45);
}
}
if(thisCard.length && $('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).length<1){
$('.profileCard',cardWrapper).hide();
thisCard.addClass(className);
rightSide?thisCard.addClass('rightArrow'):thisCard.removeClass('rightArrow');
thisCard.delay(0).css({'top':(thisElTopOffset),'left':distanceLeft,'bottom':thisElbottomoffset}).fadeIn();
} else {
var ajaxReturn = '';
//just in case
thisCard.remove();
//hover card wrapper markup
var rightArrowClass = rightSide?'rightArrow':'';
if(thisElTopOffset != "auto"){
topParam = 'px';
}
if(thisElbottomoffset != "auto"){
bottomparam = 'px';
}
var profileCardHtml = '';
$.when(
//get the background
$.ajax({
type: 'GET',
url: userApiUrl+thisUserID,
dataType: 'html',
success: function(data) {
$('.profileCard',cardWrapper).hide();
ajaxReturn = data;
}
})
)
.done(function(){
cardWrapper.append(profileCardHtml);
$('.profileCard[data-user='+thisUserID+']',cardWrapper).eq(0).empty().html(ajaxReturn);
if($('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).length){
$('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).parents('div.profileCard').remove();
}
})
.fail(function(){
//uh oh - bail out!
$('.profileCard',cardWrapper).hide();
});
}
}, 360);
}
function mouseleave(e) {
clearTimeout(cardTimer);
// glowingblue: When the user leaves the hovercard trigger, wait because the leaving could be
// to interact with the hovercard, if we don't wait it will just disappear...because
// we left the trigger, right...so we'll have another handler that check if the mouse is
// over the hovercard and if so clears this timer, so the card doesn't close here
leaveTimer = setTimeout(function() {
if ($('.profileCard[data-user="'+thisUserID+'"]',cardWrapper).length) {
$('.profileCard[data-user="'+thisUserID+'"]',cardWrapper).fadeOut('fast');
} else {
$(".profileCard").fadeOut('fast');
}
}, 2400);
}
$(document).on("mouseenter focusin", allHoverCardTriggers, function(event) {
if(!($(this).parents().hasClass('custom-header'))&& !($(this).parents().hasClass('green-wrap'))){
(leaveTimer !== []._) && clearTimeout(leaveTimer);
mouseenter($(this));
event.stopPropagation();
}
});
$(document).on("mouseleave focusout", allHoverCardTriggers, function(event) {
(leaveTimer !== []._) && clearTimeout(leaveTimer);
mouseleave(event);
event.stopPropagation();
});
// glowingblue: Add handlers for when the users interacts with the hovercard, no closing!
$('.hover-card-container').on('mouseenter', function(e) {
(leaveTimer !== []._) && clearTimeout(leaveTimer);
});
$('.hover-card-container').on('mouseleave', function(e) {
(leaveTimer !== []._) && clearTimeout(leaveTimer);
if ( $(e.target).is('.profileCard[style*="block"]') ) {
leaveTimer = setTimeout(function() {
$(e.target).fadeOut('fast');
}, 2400);
}
});
// glowingblue: add one global root level click handler to also close any visible hovercards
// if the user taps/clicks outside the hovercard
$(document).on('mousedown', function(e) {
if ( !$(e.target).parents('.hover-card-container').length ) {
(leaveTimer != []._) && clearTimeout(leaveTimer);
$('.hover-card-container .profileCard[style*="block"]').each(function() {
$(this).fadeOut('fast');
});
}
});
})(LITHIUM.jQuery);
(function($) {
$(document).ready(function(){
var originalElementId;
function setCookie(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function errorDisplay(errType) {
var errAuth = '