Notification Boxes

Shortcode Usage

Notification Boxes

Color Background

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Get the code

[gdlr_notification icon="icon-flag" type="color-background" background="#99d15e" color="#ffffff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]
[gdlr_notification icon="icon-flag" type="color-background" background="#d15e5e" color="#ffffff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]
[gdlr_notification icon="icon-flag" type="color-background" background="#5eafd1" color="#ffffff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]
[gdlr_notification icon="icon-flag" type="color-background" background="#e2872e" color="#ffffff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]

Color Border

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Get the code

[gdlr_notification icon="icon-flag" type="color-border" border="#99d15e" color="#000000"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]
[gdlr_notification icon="icon-flag" type="color-border" border="#d15e5e" color="#000000"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]
[gdlr_notification icon="icon-flag" type="color-border" border="#5eafd1" color="#000000"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]
[gdlr_notification icon="icon-flag" type="color-border" border="#e2872e" color="#000000"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/gdlr_notification]

var zaloWidgetInterval;var tawkToInterval;var tawkToHideInterval;var skypeWidgetInterval;var lcpWidgetInterval;var closePopupTimeout;var lzWidgetInterval;var paldeskInterval;var arcuOptions;var hideCustomerChatInterval;var _arCuTimeOut=null;var arCuPromptClosed=false;var _arCuWelcomeTimeOut=null;var arCuMenuOpenedOnce=false;var arcItems=[];window.addEventListener('load',function(){jQuery('#arcontactus').remove();var $arcuWidget=jQuery('
',{id:'arcontactus'});jQuery('body').append($arcuWidget);arCuClosedCookie=arCuGetCookie('arcu-closed');jQuery('#arcontactus').on('arcontactus.init',function(){jQuery('#arcontactus').addClass('arcuAnimated').addClass('flipInY');setTimeout(function(){jQuery('#arcontactus').removeClass('flipInY');},1000);if(jQuery.mask&&jQuery.mask.definitions){jQuery.mask.definitions['#']="[0-9]";} jQuery('#arcu-form-callback form').append(arCUVars._wpnonce);jQuery('#arcu-form-email form').append(arCUVars._wpnonce);jQuery('#arcontactus').on('arcontactus.successSendFormData',function(event,data){});jQuery('#arcontactus').on('arcontactus.successSendFormData',function(event,data){});jQuery('#arcontactus').on('arcontactus.errorSendFormData',function(event,data){if(data.data&&data.data.message){alert(data.data.message);}});jQuery('#arcontactus').on('arcontactus.hideFrom',function(){clearTimeout(closePopupTimeout);});});jQuery('#arcontactus').on('arcontactus.closeMenu',function(){arCuCreateCookie('arcumenu-closed',1,1);});var arcItem={};arcItem.id='msg-item-11';arcItem.class='msg-item-comment-alt-lines-solid';arcItem.title="Booking";arcItem.subTitle="Đặt phòng theo mẫu";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='https://relaxsunset.com/booking/';arcItem.target='_self';arcItem.color='#FF0000';arcItems.push(arcItem);var arcItem={};arcItem.id='msg-item-7';arcItem.class='msg-item-phone';arcItem.title="Hotline 1 ";arcItem.subTitle="0948 66 55 99";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='tel:0948665599';arcItem.color='#771E18';arcItems.push(arcItem);var arcItem={};arcItem.id='msg-item-10';arcItem.class='msg-item-phone';arcItem.title="Hotline 2";arcItem.subTitle="0907 910 618";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='tel:0907910618';arcItem.color='#FF0F1B';arcItems.push(arcItem);var arcItem={};arcItem.id='msg-item-12';arcItem.online=true;arcItem.class='msg-item-zalo';arcItem.title="Zalo tư vấn 1";arcItem.subTitle="0948 66 55 99 (Mai Bắc)";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='https://zalo.me/0948665599';arcItem.color='#0D59FF';arcItems.push(arcItem);var arcItem={};arcItem.id='msg-item-13';arcItem.online=true;arcItem.class='msg-item-zalo';arcItem.title="Zalo tư vấn 2";arcItem.subTitle="0907 910 618 (Linh Kona)";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='https://zalo.me/0907910618';arcItem.color='#0D59FF';arcItems.push(arcItem);var arcItem={};arcItem.id='msg-item-2';arcItem.class='msg-item-whatsapp';arcItem.title="Whatsapp";arcItem.subTitle="0907 910 618 (Linh Kona)";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='https://wa.me/0907910618';arcItem.color='#1EBEA5';arcItems.push(arcItem);var arcItem={};arcItem.id='msg-item-1';arcItem.class='msg-item-facebook-messenger';arcItem.title="Messenger";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='https://m.me/relaxsunset';arcItem.color='#567AFF';arcItems.push(arcItem);var arcItem={};arcItem.id='msg-item-6';arcItem.class='msg-item-envelope';arcItem.title="Email";arcItem.subTitle="linhkona@gmail.com";arcItem.icon='';arcItem.includeIconToSlider=true;arcItem.href='mailto:linhkona@gmail.com';arcItem.color='#FF643A';arcItems.push(arcItem);arcuOptions={wordpressPluginVersion:'2.0.5',buttonIcon:'',layout:'default',drag:false,mode:'regular',buttonIconUrl:'https://relaxsunset.com/wp-content/plugins/ar-contactus/res/img/msg.svg',showMenuHeader:false,menuHeaderText:"How would you like to contact us?",menuSubheaderText:"",showHeaderCloseBtn:false,headerCloseBtnBgColor:'#008749',headerCloseBtnColor:'#ffffff',itemsIconType:'rounded',align:'right',reCaptcha:false,reCaptchaKey:'',countdown:0,theme:'#771E18',buttonText:"Liên hệ",buttonSize:'medium',buttonIconSize:24,menuSize:'large',phonePlaceholder:'',callbackSubmitText:'',errorMessage:'',callProcessText:'',callSuccessText:'',callbackFormText:'',iconsAnimationSpeed:600,iconsAnimationPause:2000,items:arcItems,ajaxUrl:'https://relaxsunset.com/wp-admin/admin-ajax.php',promptPosition:'top',popupAnimation:'fadeindown',style:'',itemsAnimation:'downtoup',forms:{callback:{id:'callback',header:{content:'Leave your phone number. We will call you back soon!',layout:'text',},icon:'',success:'Callback request sent! We will contact you soon.',error:'Error sending callback request! Please try again!',action:'https://relaxsunset.com/wp-admin/admin-ajax.php',buttons:[{name:'submit',label:'Submit',type:'submit',},],fields:{formId:{name:'formId',value:'callback',type:'hidden'},action:{name:'action',value:'arcontactus_request_callback',type:'hidden'},name:{name:'name',enabled:true,required:false,type:'text',label:'Your name',placeholder:'Enter your name',values:[],value:"",},phone:{name:'phone',enabled:true,required:true,type:'tel',label:'Your phone number',placeholder:'Enter your phone number',values:[],value:"",},gdpr:{name:'gdpr',enabled:true,required:true,type:'checkbox',label:'I accept GDPR rules',placeholder:'',values:[],value:"1",},}},email:{id:'email',header:{content:'Write a email to us!',layout:'text',},icon:'',success:'Email sent! We will contact you soon.',error:'Error sending email! Please try again!',action:'https://relaxsunset.com/wp-admin/admin-ajax.php',buttons:[{name:'submit',label:'Submit',type:'submit',},],fields:{formId:{name:'formId',value:'email',type:'hidden'},action:{name:'action',value:'arcontactus_request_email',type:'hidden'},name:{name:'name',enabled:true,required:false,type:'text',label:'Your name',placeholder:'Enter your name',values:[],value:"",},email:{name:'email',enabled:true,required:true,type:'email',label:'Your email',placeholder:'Enter your email',values:[],value:"",},message:{name:'message',enabled:true,required:true,type:'textarea',label:'Your message',placeholder:'Enter your message',values:[],value:"",},gdpr:{name:'gdpr',enabled:true,required:true,type:'checkbox',label:'I accept GDPR rules',placeholder:'',values:[],value:"1",},}},}};jQuery('#arcontactus').contactUs(arcuOptions);})