Maak je eigen website bij one.com
Een domeinnaam, webhosting, e-mail, en een website maker. Alles wat je nodig hebt voor jouw website, op één plek.
Start met zakelijk mailen bij one.com
Email Essential – Eerste 3 maanden gratis
Maak indruk op je contacten. Verstuur e-mails onder je eigen domeinnaam. Lees meer
Run je eigen webshop bij one.com
Website Builder Business + E-commerce
Start met online verkopen. Bouw gemakkelijk en snel je eigen webshop, van product tot winkelmandje. Lees meer
Creëer je WordPress site bij one.com
Enthusiast + Managed WordPress
Bouw de website die je voor ogen hebt. De mogelijkheden in WordPress zijn oneindig. Lees meer
Kies krachtige hosting van one.com
Beginner
Geef je idee een online thuis. Host je site op betrouwbare en razendsnelle hosting. Lees meer
▶
Dit is het succesverhaal van Alf
Als ondernemer kom je uitdagingen tegen. Zo ook Alf Hendriksen. Hij startte succesvol greenrider.dk, een webshop die gewone fietsen omtovert tot elektrische tweewielers. Ontdek zijn verhaal, van droom naar werkelijkheid.
Begin jouw online succes bij one.com
Een website maken, hoort niet verwarrend of lastig te zijn. Daarom vind je bij one.com alles wat je nodig hebt om jouw business te laten groeien. Ook als je geen technische skills hebt. Hulp nodig? Onze klantenservice biedt je de beste support. Wat je vraag ook is.
Bekijk de pakketten
Van idee naar bloeiende business in 3 stappen
1. Start
Kick-start je online succes met een domeinregistratie. Heb je al een domeinnaam? Wij helpen ‘m verhuizen naar one.com.
Vind je domein
2. Realiseer
Ontwerp eenvoudig je site met Website Builder. Of gebruik WordPress als je zoekt naar uitgebreide mogelijkheden. Je creëert altijd een professionele site in een paar stappen.
Kies je tool
3. Groei
Jij hebt een site gemaakt waarop je trots bent. Dat wil je met de wereld delen. Breng je business onder de aandacht en laat je klantenbestand groeien naar ongekende hoogte.
Promoot je site
De beste support, op elk moment
Helpdesk
Vind zelf het antwoord op je vraag via de helpdesk.
Chat met ons
We zijn er altijd om je te helpen. 24/7, 365 dagen per jaar.
Academy
Haal meer uit je business. Vergroot je kennis met onze leerzame artikelen.
Contact
Wat je vraag ook is, we helpen je binnen 24 uur. Het hele jaar door.
Helpdesk
Vind zelf het antwoord op je vraag via de helpdesk.
Chat met ons
We zijn er altijd om je te helpen. 24/7, 365 dagen per jaar.
Academy
Haal meer uit je business. Vergroot je kennis met onze leerzame artikelen.
Contact
Wat je vraag ook is, we helpen je binnen 24 uur. Het hele jaar door.
Helpdesk
Vind zelf het antwoord op je vraag via de helpdesk.
Chat met ons
We zijn er altijd om je te helpen. 24/7, 365 dagen per jaar.
Academy
Haal meer uit je business. Vergroot je kennis met onze leerzame artikelen.
Contact
Wat je vraag ook is, we helpen je binnen 24 uur. Het hele jaar door.
Miljoenen tevreden klanten gingen je voor
Kies het pakket dat bij je past
Contractperiode van 12 maanden, waarvan de eerste 3 gratis. Jaarlijks gefactureerd.
Dit zijn de extra’s bij one.com
Gratis domeinnaam
We helpen je graag op weg. Profiteer van een gratis domein voor het eerste jaar op geselecteerde topleveldomeinen.
Gratis website maker
Bouw de site van je dromen. Eenvoudig en snel met Website Builder . Je bent in 3 stappen online.
Krachtige beveiliging
Je site is beveiligd vanaf dag 1. Profiteer van onder andere gratis SSL , back-ups en malwarebescherming.
24/7 support
Onze klantenservice staat 24/7 voor je klaar. 365 dagen per jaar, waar jij je ook bevindt.
Companion app
Monitor je site via je telefoon, van statistieken tot bestellingen. En krijg persoonlijk advies van onze specialisten. Gewoon binnen handbereik via onze app .
Duurzame hosting
Jouw website draait op groene hosting , opgewekt uit duurzame energiebronnen. Samen verbeteren we de wereld.
Website maken? Probeer het 14 dagen gratis
Jij bent benieuwd naar Website Builder. Daarom kun je het bij ons 14 dagen gratis proberen. Daarna beslis je of je verdergaat. Je hoeft geen bankgegevens in te vullen.
Veelgestelde vragen bij one.com
Hoe kan ik een domeinnaam registreren?
Je kunt een domeinnaam registreren via de zoekbalk bovenaan deze pagina. Voer je gewenste naam en eventueel een topleveldomein in, en klik rechts op de loep. Vervolgens zie je welke domeinnamen nog vrij zijn. Voeg een of meerdere domeinnamen toe aan je winkelmandje en volg de stappen in de kassa. Is je registratie gelukt? Dan ontvang je van ons een e-mail en kun je aan de slag.
Hoe maak ik een website?
Je kunt een website maken door een paar benodigdheden aan te schaffen: een domeinnaam, (web)hosting en een websitetool. Met een domeinnaam kunnen bezoekers je site bereiken. Hosting heb je nodig om content op je site te laten zien. En met een websitetool bouw je jouw website. Ben je een startende bouwer? Met Website Builder maak je een site zonder te coderen. Heb je technische kennis en wil je in alle vrijheid bouwen? Dan past WordPress het best bij je. Bij al onze pakketten zit Website Builder inbegrepen. Hierdoor kun je direct aan de slag met je website.
Welke hosting heb ik nodig?
Welke hosting je nodig hebt, is afhankelijk van je behoeften. Ga je een eenvoudige website bouwen? Dan voldoet het pakket ‘Beginner’. Wil je een blog starten? Met ‘Explorer’ maak je een blog op WordPress. Heb je krachtige resources nodig? Bijvoorbeeld omdat je meerdere sites runt? Kies dan voor ‘Enthusiast’ of ‘Guru’. Ben je van plan om een webshop te maken ? Kies dan voor ‘Beginner’ in combinatie met de add-on ‘Website Builder Business + E-commerce’.
Krijg ik e-mail bij mijn website?
Ja, e-mail is bij al onze hostingpakketten inbegrepen. Hiervoor dien je ook een domeinnaam aan te schaffen. Wil je alleen professioneel mailen met je eigen domeinnaam? Dat kan met e-mail hosting .
Is mijn website veilig?
Wij helpen je met het veiliger maken van jouw website. Je ontvangt bij al onze hostingpakketten een gratis SSL certificaat waarmee je zorgt voor een veilige websiteverbinding voor bezoekers. Gaat er onverhoopt iets mis met je site? Geen zorgen. We maken dagelijks back-ups van je bestanden, e-mail en databases. Ook scannen we continu op malware om je site te beveiligen tegen cyberaanvallen. Wil je extra beveiliging? Schaf dan een van de add-ons van SiteLock aan: Find of Fix.
Je bent ook zelf verantwoordelijk voor de veiligheid van je site. Bijvoorbeeld door een sterk wachtwoord te gebruiken. Je vindt handige tips in ons artikel over websitebeveiliging .
Hoe kan ik mijn diensten beheren?
Je beheert je diensten via je eigen Control Panel. Hiervoor klik je rechtsboven op onze website op ‘Inloggen’ > ‘Configuratiescherm’. In het Control Panel heb je ook direct toegang tot Website Builder en Webshop.
Welke support krijg ik bij one.com?
Bij one.com helpen we je graag. Je kunt ons 24 uur per dag, 7 dagen per week bereiken. We beantwoorden graag al je technische vragen en adviseren je over welk pakket het best bij je past. Ben je (nog) niet wegwijs met een van onze diensten? Ook dan zijn we een helpende hand. Je bereikt ons via de chat, e-mail en telefoon. Of zoek zelf het antwoord op onze helpdesk .
' +
'
' +
'' +
rebatePriceInclCurrencyAsHtml +
' ' +
'' +
tldPrice.fullPriceInclCurrencyAsHtml +
' ' +
'
' +
'
' +
verticalRenewText + ' ' +
tldPrice.fullPriceInclCurrencyAsHtml +
'
' +
'
';
}
return tldHtml;
}
// nice rounding function
/**
* @param {type} stringDigit
* @returns {unresolved} */
function ocvpNiceRounding(stringDigit) {
var lastCharIndex = stringDigit.length - 1;
var lastDigit = stringDigit.charAt(lastCharIndex);
var secondlastCharIndex = stringDigit.length - 2;
var secondLastDigit = stringDigit.charAt(secondlastCharIndex);
if ((lastDigit 5 ) && secondLastDigit == 9) {
stringDigit = stringDigit.replace(/.$/, "9");
}
return stringDigit;
}
/***API integration for all vertical pages ends here***/
/*** faq accordion js start ***/
const accordionQueFaq = osShadowElement.querySelectorAll(".acb-faq-que-wrapper");
if (accordionQueFaq.length) {
accordionQueFaq.forEach((accordionQue) => {
accordionQue.addEventListener("click", () => {
if (accordionQue.classList.contains("active")) {
accordionQue.classList.remove("active");
} else {
const accordionQuesWithIsOpen = osShadowElement.querySelectorAll(".acb-faq-que-wrapper");
accordionQuesWithIsOpen.forEach((accordionQueWithIsOpen) => {
accordionQueWithIsOpen.classList.remove("active");
});
accordionQue.classList.add("active");
}
});
});
}
/*** faq accordion js end ***/
/*** youtube video testimonial js start ***/
const imageOverlay = osShadowElement.getElementById('testimonial-video-section-block-image-overlay');
const playButton = osShadowElement.getElementById('testimonial-video-section-block-play');
if (playButton) {
var vidId = playButton.getAttribute("data");
// Add the event listener for the play button.
playButton.addEventListener('click', play)
}
// The function that is called when the button is clicked.
function play(e) {
e.preventDefault();
let iframe_tag = osShadowElement.getElementById('ytplayer');
iframe_tag.setAttribute('src', 'https://www.youtube.com/embed/' + vidId + '?autoplay=1&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1');
imageOverlay.style.opacity = '0';
playButton.style.opacity = '0';
window.setTimeout(function () {
playButton.style.display = 'none';
imageOverlay.style.display = 'none';
}, 800); // timed to match animation-duration
}
/*** youtube video testimonial js end ***/
/*** silder banner js start ***/
/*const rightBtn = osShadowElement.querySelector('#right-button');
const leftBtn = osShadowElement.querySelector('#left-button');
if (rightBtn && leftBtn) {
var scrollLeftCnt = 0;
rightBtn.addEventListener("click", function (event) {
const conent = osShadowElement.querySelector('#content');
if (document.querySelector(".banner-menu li:last-child").classList.contains('active')) {
scrollLeftCnt = 0;
}
else{
scrollLeftCnt += 100;
}
//conent.scrollLeft += 100;
//console.log(scrollLeftCnt);
conent.scrollLeft = scrollLeftCnt;
event.preventDefault();
let activeElement = osShadowElement.querySelector(".banner-thumb.active");
if (osShadowElement.querySelector(".banner-menu li:last-child").classList.contains('active')) {
osShadowElement.querySelector(".banner-menu li:first-child").click();
} else {
if (activeElement.nextElementSibling) {
activeElement.nextElementSibling.click();
}
}
});
leftBtn.addEventListener("click", function (event) {
const conent = osShadowElement.querySelector('#content');
if (document.querySelector(".banner-menu li:first-child").classList.contains('active')) {
var liCount = document.querySelectorAll(".banner-menu li").length;
scrollLeftCnt = ((liCount - 1) * 100);
}
else{
scrollLeftCnt -= 100;
}
//conent.scrollLeft -= 100;
//console.log(scrollLeftCnt);
conent.scrollLeft = scrollLeftCnt;
event.preventDefault();
let activeElement = osShadowElement.querySelector(".banner-thumb.active");
if (osShadowElement.querySelector(".banner-menu li:first-child").classList.contains('active')) {
osShadowElement.querySelector(".banner-menu li:last-child").click();
} else {
if (activeElement.previousElementSibling) {
activeElement.previousElementSibling.click();
}
}
});
}*/
const rightBtn = osShadowElement.querySelector('#right-button');
const leftBtn = osShadowElement.querySelector('#left-button');
if (rightBtn && leftBtn) {
rightBtn.addEventListener("click", function (event) {
const conent = osShadowElement.querySelector('#content');
conent.scrollLeft += 100;
event.preventDefault();
let activeElement = osShadowElement.querySelector(".banner-thumb.active");
if (osShadowElement.querySelector(".banner-menu li:last-child").classList.contains('active')) {
osShadowElement.querySelector(".banner-menu li:first-child").click();
} else {
if (activeElement.nextElementSibling) {
activeElement.nextElementSibling.click();
}
}
});
leftBtn.addEventListener("click", function (event) {
const conent = osShadowElement.querySelector('#content');
conent.scrollLeft -= 100;
event.preventDefault();
let activeElement = osShadowElement.querySelector(".banner-thumb.active");
if (osShadowElement.querySelector(".banner-menu li:first-child").classList.contains('active')) {
osShadowElement.querySelector(".banner-menu li:last-child").click();
} else {
if (activeElement.previousElementSibling) {
activeElement.previousElementSibling.click();
}
}
});
}
function nextSlide(thumbClass) {
if (thumbClass.length > 0) {
var elements = osShadowElement.querySelectorAll(".banner-section");
for (var i = 0, len = elements.length; i 0) {
var elements = osShadowElement.querySelectorAll(".banner-section");
for (var i = 0, len = elements.length; i {
bannerTouchstartX = e.changedTouches[0].screenX;
});
bannerSlider.addEventListener('touchend', e => {
bannerTouchendX = e.changedTouches[0].screenX;
if (Math.abs(bannerTouchendX - bannerTouchstartX) > 50){
if (bannerTouchendX bannerTouchstartX) {
osShadowElement.querySelector('#left-button').click();
}
}
});
}*/
/*** silder banner js end ***/
/*** image pointers accordion js start ***/
const accordionTitlesSuccess = osShadowElement.querySelectorAll(".success-steps-col");
accordionTitlesSuccess.forEach((accordionTitle) => {
accordionTitle.addEventListener("click", () => {
if (accordionTitle.classList.contains("active")) {
accordionTitle.classList.remove("active");
} else {
const accordionTitlesWithIsOpen = document.querySelectorAll(".success-steps-col");
accordionTitlesWithIsOpen.forEach((accordionTitleWithIsOpen) => {
accordionTitleWithIsOpen.classList.remove("active");
});
accordionTitle.classList.add("active");
}
});
});
/*** image pointers accordion js end ***/
var hasScrollToSectionElements = document.querySelectorAll('[data-scrolltosection]');
hasScrollToSectionElements.forEach(el => {
el.addEventListener('click', (event) => {
scrollToSection(event.target.dataset.scrolltosection);
});
});
function scrollToSection(id) {
if (id && id != '#') {
var domainSearchbarOffset = 0;
if(id == '#find-your-domain') {
domainSearchbarOffset = 50;
id = '#domain-search-input';
osShadowElement.querySelector(id).focus();
}
var elmntToView = osShadowElement.querySelector(id);
var elementPosition = elmntToView.getBoundingClientRect().top;
var headerOffset = 0;
var WebTopNav = document.querySelector(".WebTop-Nav");
if (WebTopNav) {
headerOffset += WebTopNav.clientHeight;
}
var SpecialOfferBanner = document.querySelector("#SpecialOfferBanner");
if (SpecialOfferBanner) {
headerOffset += SpecialOfferBanner.clientHeight;
}
var MegaMenuAndSearchWrapper = document.querySelector(".MegaMenuAndSearchWrapper");
if (MegaMenuAndSearchWrapper && elementPosition = elemTop) {
osShadowElement.querySelector(".package-details-top-container-bg").classList.add('visible');
} else if (0 == elemBottom) {
osShadowElement.querySelector(".package-details-top-container-bg").classList.remove('visible');
} else {
osShadowElement.querySelector(".package-details-top-container-bg").classList.remove('visible');
}
}
});
/*** scroll to section js end ***/
// collaps for mobile
let options = osShadowElement.querySelectorAll('.feature-section h3');
if (options) {
options.forEach(option => {
option.addEventListener('click', function () {
let closestCollapseEle = this.closest('.feature-section');
if (closestCollapseEle.classList.contains('collapsed')) {
closestCollapseEle.classList.remove('collapsed');
} else {
closestCollapseEle.classList.add('collapsed');
}
});
});
}
let plans = osShadowElement.querySelectorAll('.package-details-wrapper .package-details-top-container .plan');
let mobilePlans = osShadowElement.querySelectorAll('.package-details-wrapper .mobile-buttons .mobile-plan');
let features = osShadowElement.querySelectorAll('.package-details-wrapper .features-row .cell ');
plans.forEach(plan => {
plan.addEventListener('click', function () {
plans.forEach(plan => {
plan.classList.remove('shown');
});
this.classList.add('shown');
mobilePlans.forEach(mobilePlan => {
if (mobilePlan.classList.contains('shown')) {
mobilePlan.classList.remove('shown');
}
});
mobilePlans.forEach(mobilePlan => {
if (mobilePlan.dataset.plan == plan.dataset.plantoggle) {
mobilePlan.classList.add('shown');
}
});
features.forEach(feature => {
if (feature.classList.contains('shown')) {
feature.classList.remove('shown');
}
});
features.forEach(feature => {
if (feature.dataset.plan == plan.dataset.plantoggle) {
feature.classList.add('shown');
}
});
});
});
/*** Feature comparison sticky header table js end ***/
/*** slider for plans and prices section js start ***/
var plangridContainer = osShadowElement.getElementById('slide-container');
var bestValueElem = osShadowElement.querySelectorAll('.plans-and-prices .best-value');
bestValueElem.forEach(bestValueEle => {
if (plangridContainer && bestValueEle) {
var containerRect = plangridContainer.getBoundingClientRect();
var eleRect = bestValueEle.getBoundingClientRect();
containerRectLeft = containerRect.left;
eleRectLeft = eleRect.left;
let eleWidth = bestValueEle.offsetWidth;
let screenWidth = screen.width;
let paddingWidth = (screenWidth - eleWidth) / 2;
if (containerRectLeft {
el.addEventListener('click', (event) => {
ocvpSlidePlangrid(event.target.dataset.slidernav);
});
});
function ocvpSlidePlangrid(direction) {
var container = osShadowElement.getElementById('slide-container');
if (container && typeof container !== 'undefined') {
scrollCompleted = 0;
var slideVar = setInterval(function () {
if (direction == 'left') {
container.scrollLeft -= 15;
} else {
container.scrollLeft += 15;
}
scrollCompleted += 10;
if (scrollCompleted >= 100) {
window.clearInterval(slideVar);
}
}, 50);
}
}
/*** slider for plans and prices section js end ***/
/*** plans table add to cart button extra class js start ***/
let plangrid = osShadowElement.querySelector('.plans-and-prices');
let ctaButtons = osShadowElement.querySelector('.section-info .cta-buttons > button:nth-child(2)');
let ctaBuyNows = osShadowElement.querySelectorAll('.plans-and-prices .widgets-wrapper .cta.BuyNow');
if (plangrid) {
var addonPlan = plangrid.dataset.addon;
} else {
var addonPlan = 'wordpress_managed';
}
if (plangrid && ctaButtons && ctaBuyNows) {
ctaBuyNows.forEach(ctaBuyNow => {
let cartUrl = ctaBuyNow.dataset.cart;
let onclickUrl = 'window.open(`' + cartUrl + '&addon=' + addonPlan + '`,`_self`)';
ctaBuyNow.setAttribute('onclick', onclickUrl);
ctaBuyNow.dataset.url = cartUrl + '&addon=' + addonPlan;
ctaBuyNow.classList.add('ManagedWordpress');
});
}
var hasPlansTableTabElements = document.querySelectorAll('[data-planstabletab]');
hasPlansTableTabElements.forEach(el => {
el.addEventListener('click', (event) => {
var buttonName = event.target.dataset.planstabletab;
if(event.target.localName == 'img'){
buttonName = event.target.alt;
}
planDetailsChange(buttonName);
});
});
// plan table header button - content hide/show
function planDetailsChange(buttonName) {
let buttons = osShadowElement.querySelectorAll('.cta-buttons button');
// 2. loop through the options and add the event listener to each element
// buttons.forEach(button => {
// button.classList.remove('active')
// });
buttons.forEach(button => {
if ( buttonName == button.dataset.planstabletab) {
button.classList.add('active');
} else {
button.classList.remove('active');
}
});
let planHighlights = osShadowElement.querySelectorAll('.plan-heighlights');
let managedWordpress = osShadowElement.querySelectorAll('.features.ManagedWordpress');
let managedWordpressNotices = osShadowElement.querySelectorAll('.ManagedWordpress.ManagedWordpressNotice');
let selfManageds = osShadowElement.querySelectorAll('.plans-and-prices .self-managed');
let managedWps = osShadowElement.querySelectorAll('.plans-and-prices .managed-wp');
let ctaBuyNows = osShadowElement.querySelectorAll('.plans-and-prices .widgets-wrapper .cta.BuyNow');
if ('manage' === buttonName) {
planHighlights.forEach(planHighlight => {
planHighlight.style.display = 'flex';
});
managedWps.forEach(managedWp => {
managedWp.style.display = 'block';
});
managedWordpressNotices.forEach(managedWordpressNotice => {
managedWordpressNotice.style.display = 'flex';
});
selfManageds.forEach(selfManaged => {
selfManaged.style.display = 'none';
});
managedWordpress.forEach(managedWordpres => {
managedWordpres.style.display = 'block';
});
ctaBuyNows.forEach(ctaBuyNow => {
ctaBuyNow.classList.remove('SelfManagedWordpress');
});
ctaBuyNows.forEach(ctaBuyNow => {
ctaBuyNow.classList.add('ManagedWordpress');
let cartUrl = ctaBuyNow.dataset.cart;
let onclickUrl = 'window.open(`' + cartUrl + '&addon=' + addonPlan + '`,`_self`)';
ctaBuyNow.dataset.url = cartUrl + '&addon=' + addonPlan;
ctaBuyNow.setAttribute('onclick', onclickUrl);
});
} else {
planHighlights.forEach(planHighlight => {
planHighlight.style.display = 'none';
});
managedWordpress.forEach(managedWordpres => {
managedWordpres.style.display = 'none';
});
ctaBuyNows.forEach(ctaBuyNow => {
ctaBuyNow.classList.remove('ManagedWordpress');
});
ctaBuyNows.forEach(ctaBuyNow => {
ctaBuyNow.classList.add('SelfManagedWordpress');
let cartUrl = ctaBuyNow.dataset.cart;
let onclickUrl = 'window.open(`' + cartUrl + '`,`_self`)';
ctaBuyNow.dataset.url = cartUrl;
ctaBuyNow.setAttribute('onclick', onclickUrl);
});
managedWps.forEach(managedWp => {
managedWp.style.display = 'none';
});
selfManageds.forEach(selfManaged => {
selfManaged.style.display = 'block';
});
managedWordpressNotices.forEach(managedWordpressNotice => {
managedWordpressNotice.style.display = 'none';
});
}
}
/*** plans table add to cart button extra class js end ***/
/*** Plangrid link disclaimer popups js start ***/
osShadowElement.addEventListener("click", function (event) {
let targetPopup = event.target.getAttribute('data-popup-trigger');
if (targetPopup) {
let targetedPopup = osShadowElement.querySelector('[data-popup-modal=' + targetPopup + ']');
let targetedIframe = targetedPopup.querySelector('iframe');
targetedIframe.setAttribute('src', targetedIframe.getAttribute('data-src'));
targetedPopup.setAttribute('style', 'display:flex !important');
targetedPopup.classList.add('show');
} else if ( event.target.classList.contains('closeModal') || ( ! event.target.classList.contains('popup-modal-container') && event.target.classList.contains('show') ) ) {
osShadowElement.querySelector('body').classList.remove('No-Scroll');
osShadowElement.querySelectorAll(".disclaimer-popup").forEach(function (val) {
val.style.display = 'none';
val.classList.remove('show');
});
}
});
/*** Plangrid link disclaimer popups js end ***/
/*** ocvp slider js start ***/
const ocvpSlider = document.querySelectorAll('.ocvp-slider-wrapper');
if (ocvpSlider && typeof ocvpSlider !== 'undefined') {
ocvpSlider.forEach((singleOCVPSlider, index) => {
singleOCVPSliderNavs = singleOCVPSlider.querySelectorAll('.ocvp-slider-pagination span');
singleOCVPSliderNavs.forEach((curOCVPSliderNav) => {
curOCVPSliderNav.addEventListener("click", () => {
curOCVPSlider = ocvpSlider[index].querySelector('.ocvp-slider');
slides = curOCVPSlider.querySelectorAll('div');
slideWidth = 0;
if (slides[0]['offsetWidth']) {
slideWidth += slides[0]['offsetWidth'];
}
if (slides[0]['offsetLeft']) {
slideWidth += slides[0]['offsetLeft'];
}
if (slideWidth == 0) {
slideWidth = 300;
}
scrollAmount = slideWidth / 10;
ocvpScrollCompleted = 0;
var ocvpSlideVar = setInterval(function () {
if (curOCVPSliderNav.classList.contains("prev")) {
curOCVPSlider.scrollLeft -= scrollAmount;
} else {
curOCVPSlider.scrollLeft += scrollAmount;
}
ocvpScrollCompleted += 10;
if (ocvpScrollCompleted >= 100) {
window.clearInterval(ocvpSlideVar);
}
}, 50);
});
});
});
}
/*** ocvp slider js end ***/
/*** ocvp js end ***/
//domain search input form
var ocvpDomainSearchForm = osShadowElement.querySelector('#domain-search-form');
if (ocvpDomainSearchForm) {
ocvpDomainSearchForm.onsubmit = function () {
var ocvpDefaultTLD = osShadowElement.querySelector('#default_tld').value;
var ocvpDefaultPlanInput = osShadowElement.querySelector('#default_plan');
var ocvpDefaultPlan = "";
if (ocvpDefaultPlanInput) {
ocvpDefaultPlan = osShadowElement.querySelector('#default_plan').value;
}
var ocvpDomainSearchInput = osShadowElement.querySelector('#domain-search-input').value;
if (ocvpDomainSearchInput.indexOf('.') == -1 && ocvpDefaultTLD.length > 0) {
osShadowElement.querySelector('#domain-search-input').value = ocvpDomainSearchInput + '.' + ocvpDefaultTLD;
}
var ocvpDomainSearchInputFinal = osShadowElement.querySelector('#domain-search-input').value;
var ocvpFormAction = ocvpDomainSearchForm.getAttribute('action');
if (ocvpDefaultPlan.length > 0 && ocvpFormAction.indexOf('?plan') == -1 && ocvpFormAction.indexOf('&plan') == -1) {
ocvpDomainSearchInputFinal = ocvpDomainSearchInputFinal + "&plan=" + ocvpDefaultPlan;
}
var ocvpRedirectUrl = ocvpFormAction;
if (ocvpFormAction.indexOf('?') == -1) {
ocvpRedirectUrl = ocvpFormAction + '?keyword=' + ocvpDomainSearchInputFinal;
} else {
ocvpRedirectUrl = ocvpFormAction + '&keyword=' + ocvpDomainSearchInputFinal;
}
if(ocvpDomainSearchInputFinal ) {
window.location = ocvpRedirectUrl;
}
return false;
//ocvpDomainSearchForm.submit();
};
}
//domain search input form ends
let featuresComparison = document.querySelector(".features-comparison-wrapper");
let topSearchBar = document.querySelector(".MegaMenuAndSearchWrapper");
let navSpacer = document.querySelector(".NavSpacer");
if ( featuresComparison && topSearchBar) {
topSearchBar.style.position = 'static';
navSpacer.style.display = 'none';
}
setLargestHeight( '.plans-and-prices header' );
setLargestHeight( '.plans-and-prices .plan-details' );
setLargestHeight( '.plans-and-prices .price-cta' );
setLargestHeight( '.plans-and-prices .features' );
setLargestHeight( '.plans-and-prices .included' );
window.onresize = function(){
setLargestHeight( '.plans-and-prices header' );
setLargestHeight( '.plans-and-prices .plan-details' );
setLargestHeight( '.plans-and-prices .price-cta' );
setLargestHeight( '.plans-and-prices .features' );
setLargestHeight( '.plans-and-prices .included' );
};
function setLargestHeight( selecter ) {
var selectedElements = osShadowElement.querySelectorAll( selecter );
if (selectedElements) {
var heightArr = [];
selectedElements.forEach(selectedElement => {
selectedElement.style.height = 'auto';
});
selectedElements.forEach(selectedElement => {
heightArr.push(selectedElement.offsetHeight);
});
var maxVar = Math.max( ...heightArr );
selectedElements.forEach(selectedElement => {
selectedElement.style.height = maxVar + 'px';
});
}
}
/******* Custom MP4 / YouTube video embed js start *******/
let cv_thumb_wraps = document.querySelectorAll('.acb-cv-video-wrapper.cv-play-button');
if (cv_thumb_wraps) {
cv_thumb_wraps.forEach(cv_thumb_wrap => {
cv_thumb_wrap.addEventListener("click", function(event) {
event.preventDefault();
let vid = event.target.dataset.vid;
let cv_thumb = event.target;
let vtitle = cv_thumb.getAttribute("title");
if(!vid){
cv_thumb = cv_thumb.querySelector('.video-thumbnail');
vid = cv_thumb.dataset.vid;
vtitle = cv_thumb.getAttribute("title");
}
if(vid && cv_thumb){
let cv_video = '';
if(cv_thumb.classList.contains('mp4')){
cv_video = '
Your browser does not support the video tag. ';
}
else{
cv_video = '
VIDEO ';
}
let cv_thumb_wrap = cv_thumb.closest('.acb-cv-video-wrapper.cv-play-button');
cv_thumb_wrap.innerHTML = cv_video;
cv_thumb_wrap.classList.remove("cv-play-button");
}
});
});
}
/******* Custom MP4 / YouTube video embed js end *******/
