CINXE.COM
Cole & Son | Headless Shopify Development | Plug & Play
<!DOCTYPE html> <html lang="en-GB" class="no-js -loading -site-pnp"> <head> <meta charset="UTF-8"> <title>Cole & Son | Headless Shopify Development | Plug & Play</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v23.4 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Our Headless Shopify Agency delivered a headless eCommerce solution for luxury wallpaper brand Cole & Son. Find out more." /> <link rel="canonical" href="https://www.plugandplaydesign.co.uk/cole-and-son/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Cole & Son Case Study | Plug & Play" /> <meta property="og:description" content="Our Headless Shopify Agency delivered a headless eCommerce solution for luxury wallpaper brand Cole & Son. Find out more." /> <meta property="og:url" content="https://www.plugandplaydesign.co.uk/cole-and-son/" /> <meta property="og:site_name" content="Plug and Play" /> <meta property="article:modified_time" content="2024-09-16T07:55:57+00:00" /> <meta property="og:image" content="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Group-7378-1.jpg" /> <meta property="og:image:width" content="1920" /> <meta property="og:image:height" content="1496" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Cole & Son Case Study | Plug & Play" /> <meta name="twitter:image" content="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Group-7378-1.jpg" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.plugandplaydesign.co.uk/cole-and-son/","url":"https://www.plugandplaydesign.co.uk/cole-and-son/","name":"Cole & Son | Headless Shopify Development | Plug & Play","isPartOf":{"@id":"https://www.plugandplaydesign.co.uk/#website"},"primaryImageOfPage":{"@id":"https://www.plugandplaydesign.co.uk/cole-and-son/#primaryimage"},"image":{"@id":"https://www.plugandplaydesign.co.uk/cole-and-son/#primaryimage"},"thumbnailUrl":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/10/COLE-SON-2-reduced-file-size.jpg","datePublished":"2022-09-09T09:33:37+00:00","dateModified":"2024-09-16T07:55:57+00:00","description":"Our Headless Shopify Agency delivered a headless eCommerce solution for luxury wallpaper brand Cole & Son. Find out more.","breadcrumb":{"@id":"https://www.plugandplaydesign.co.uk/cole-and-son/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.plugandplaydesign.co.uk/cole-and-son/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.plugandplaydesign.co.uk/cole-and-son/#primaryimage","url":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/10/COLE-SON-2-reduced-file-size.jpg","contentUrl":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/10/COLE-SON-2-reduced-file-size.jpg","width":1600,"height":1200},{"@type":"BreadcrumbList","@id":"https://www.plugandplaydesign.co.uk/cole-and-son/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.plugandplaydesign.co.uk/"},{"@type":"ListItem","position":2,"name":"Cole & Son"}]},{"@type":"WebSite","@id":"https://www.plugandplaydesign.co.uk/#website","url":"https://www.plugandplaydesign.co.uk/","name":"Plug and Play","description":"Plug & Play Web Design Agency","publisher":{"@id":"https://www.plugandplaydesign.co.uk/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.plugandplaydesign.co.uk/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https://www.plugandplaydesign.co.uk/#organization","name":"Plug and Play Design","url":"https://www.plugandplaydesign.co.uk/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.plugandplaydesign.co.uk/#/schema/logo/image/","url":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_logo-1.png","contentUrl":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_logo-1.png","width":129,"height":27,"caption":"Plug and Play Design"},"image":{"@id":"https://www.plugandplaydesign.co.uk/#/schema/logo/image/"}}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//ajax.aspnetcdn.com' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel='dns-prefetch' href='//code.ionicframework.com' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://www.plugandplaydesign.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='ionicons-css' href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/css/bootstrap.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='global_css-css' href='https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/css/global.min.css?ver=1.40' type='text/css' media='all' /> <link rel='stylesheet' id='moove_gdpr_frontend-css' href='https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main.css?ver=4.13.1' type='text/css' media='all' /> <style id='moove_gdpr_frontend-inline-css' type='text/css'> #moove_gdpr_cookie_modal,#moove_gdpr_cookie_info_bar,.gdpr_cookie_settings_shortcode_content{font-family:Nunito,sans-serif}#moove_gdpr_save_popup_settings_button{background-color:#373737;color:#fff}#moove_gdpr_save_popup_settings_button:hover{background-color:#000}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{background-color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green{background-color:#0C4DA2;border-color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover{background-color:#fff;color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{background-color:#0C4DA2;border:1px solid #0C4DA2}#moove_gdpr_cookie_info_bar span.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar span.change-settings-button:focus,#moove_gdpr_cookie_info_bar button.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar button.change-settings-button:focus{-webkit-box-shadow:0 0 1px 3px #0C4DA2;-moz-box-shadow:0 0 1px 3px #0C4DA2;box-shadow:0 0 1px 3px #0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button{color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .gdpr-acc-link{line-height:0;font-size:0;color:transparent;position:absolute}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button.focus-g,span.change-settings-button:focus,button.change-settings-button.focus-g,button.change-settings-button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:focus{color:#0C4DA2}#moove_gdpr_cookie_modal.gdpr_lightbox-hide{display:none} </style> <script src="https://www.google.com/recaptcha/api.js?render=6LcccagUAAAAAEPUl_KN9BtNjlIq3EpwpCxpb1q5" id="google_captcha-js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" id="modernizer-js"></script> <link rel="https://api.w.org/" href="https://www.plugandplaydesign.co.uk/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.plugandplaydesign.co.uk/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.plugandplaydesign.co.uk/?p=11102' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.plugandplaydesign.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.plugandplaydesign.co.uk%2Fcole-and-son%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.plugandplaydesign.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.plugandplaydesign.co.uk%2Fcole-and-son%2F&format=xml" /> <link rel="icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="manifest" href="/favicons/site.webmanifest"> <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-config" content="/favicons/browserconfig.xml"> <meta name="theme-color" content="#202226"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries--> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!--Microdata--> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "logo": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/plug_and_play.png", "email": "hello@plugandplaydesign.co.uk", "telephone": "01483 276 699", "name": "Plug and Play", "url": "https://www.plugandplaydesign.co.uk" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play Guildford", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/06/PlugandPlay20190809.jpg", "hasmap": "https://www.google.com/maps/dir//2,+Plug+and+Play,+Innovation+House,+6+High+St,+Guildford+GU2+4AJ/@51.2346118,-0.6127773,13z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4875d1d259b4afe5:0x5347077d78261333!2m2!1d-0.577758!2d51.2345633", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "01483 276 699", "@id": "https://www.plugandplaydesign.co.uk/?location=guildford", "address": [ { "@type": "PostalAddress", "streetAddress": "Innovation House, 2 - 6 High Street", "addressLocality": "Guildford", "addressRegion": "Surrey", "addressCountry": "UK", "postalCode": "GU2 4AJ" } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play South Bank", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/Path-6045@2x.jpg", "hasmap": "https://www.google.com/maps/dir//Plug+%26+Play,+Working+From+Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057813,-0.1069312,17z/data=!4m16!1m6!3m5!1s0x0:0xd6a2979afb763860!2sPlug+%26+Play!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x487604b03314a6f3:0xd6a2979afb763860!2m2!1d-0.1047425!2d51.5057813!3e3", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "0203 0111 641", "@id": "https://www.plugandplaydesign.co.uk/?location=south_bank", "address": [ { "@type": "PostalAddress", "streetAddress": "32 Blackfriars Road", "addressLocality": "London South Bank", "addressRegion": "London", "addressCountry": "UK", "postalCode": "SE1 8PB" } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play Central London", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/PlugPlay-00042@2x.jpg", "hasmap": "https://www.google.com/maps/dir//72+Wells+St,+Fitzrovia,+London+W1T+3QF/@51.5170693,-0.1399641,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48761b2b03a12707:0x3b9947824024460a!2m2!1d-0.1377754!2d51.517066", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "0203 0111 641", "@id": "https://www.plugandplaydesign.co.uk/?location=soho", "address": [ { "@type": "PostalAddress", "streetAddress": "72 Wells Street", "addressLocality": "Fitzrovia", "addressRegion": "London", "addressCountry": "UK", "postalCode": "W1T 3QF" } ] } </script> <script> if ( !window.console) window.console = {log: function() {}}; //IE9 Console var COPYRIGHT_TEXT = "\/\/ COPYRIGHT NOTICE \/\/ <br\/>This website is protected by Copysentry, an anti-plagiarism tool for monitoring website content across the internet, and the DMCA. While we're flattered that you like our content, unfortunately we can't let you use it (it's bad for SEO and stuff). The copyright owner is Plug and Play Design limited, who reserve all rights and title to this content. You're welcome to link to this content, or even use it for inspiration, but just don't copy it; you're better than that. Thanks :-)"; var GOOGLE_RECAPTCHA_KEY = "6LcccagUAAAAAEPUl_KN9BtNjlIq3EpwpCxpb1q5"; </script> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/graphik/Graphik-Regular.woff" as="font" type="font/woff" crossorigin="anonymous"> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/chronicledisplay/ChronicleDisplay-Roman.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/graphik/Graphik-Medium.woff" as="font" type="font/woff" crossorigin="anonymous"> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=996783, version=2.1, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={nonce:v&&v.nonce,use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}v&&t.setAttribute('nonce',v.nonce);d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var n=this.getSettings(),i=d.createElement('script'),r=this;t=t||{};if(n){i.textContent=n;d.getElementsByTagName('head')[0].appendChild(i);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var n=this.hide_element(),i=n?n+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var i=d.createElement('div');i.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;display: block !important;';i.setAttribute('id','_vis_opt_path_hides');i.classList.add('_vis_hide_layer');t.parentNode.insertBefore(i,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})(); </script> <!-- End VWO Async SmartCode --> <script defer data-domain="plugandplaydesign.co.uk" src="https://plausible.io/js/plausible.js"></script> <!-- Google Tag Manager --> <script data-rocketlazyloadscript='data:text/javascript;base64,KGZ1bmN0aW9uKHcsZCxzLGwsaSl7d1tsXT13W2xdfHxbXTt3W2xdLnB1c2goeydndG0uc3RhcnQnOg0KbmV3IERhdGUoKS5nZXRUaW1lKCksZXZlbnQ6J2d0bS5qcyd9KTt2YXIgZj1kLmdldEVsZW1lbnRzQnlUYWdOYW1lKHMpWzBdLA0Kaj1kLmNyZWF0ZUVsZW1lbnQocyksZGw9bCE9J2RhdGFMYXllcic/JyZsPScrbDonJztqLmFzeW5jPXRydWU7ai5zcmM9DQonaHR0cHM6Ly93d3cuZ29vZ2xldGFnbWFuYWdlci5jb20vZ3RtLmpzP2lkPScraStkbDtmLnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKGosZik7DQp9KSh3aW5kb3csZG9jdW1lbnQsJ3NjcmlwdCcsJ2RhdGFMYXllcicsJ0dUTS1XNUNGUUwnKTs=' ></script> <!-- End Google Tag Manager --> <script data-rocketlazyloadscript='data:text/javascript;base64,CiAgICAgICAgICAgIGZ1bmN0aW9uIHJlbmRlclJlQ2FwdGNoYSgpIHsKICAgICAgICAgICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgZG9jdW1lbnQuZm9ybXMubGVuZ3RoOyArK2kpIHsKICAgICAgICAgICAgICAgICAgICB2YXIgZm9ybSA9IGRvY3VtZW50LmZvcm1zW2ldOwogICAgICAgICAgICAgICAgICAgIHZhciBob2xkZXIgPSBmb3JtLnF1ZXJ5U2VsZWN0b3IoJy5pbnZpc2libGUtcmVjYXB0Y2hhJyk7CiAgICAgICAgICAgICAgICAgICAgaWYgKG51bGwgPT09IGhvbGRlcikgY29udGludWU7CiAgICAgICAgICAgICAgICAgICAgKGZ1bmN0aW9uKGZybSl7CiAgICAgICAgICAgICAgICAgICAgICAgIHZhciBob2xkZXJJZCA9IGdyZWNhcHRjaGEucmVuZGVyKGhvbGRlciwgewogICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3NpdGVrZXknOiAnNkxjY2NhZ1VBQUFBQUVQVWxfS045QnROamxJcTNFcHdwQ3hwYjFxNScsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnYmFkZ2UnOiAnaW5saW5lJywKICAgICAgICAgICAgICAgICAgICAgICAgICAgICdzaXplJzogJ2ludmlzaWJsZScsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnY2FsbGJhY2snOiBmdW5jdGlvbiAocmVjYXB0Y2hhVG9rZW4pIHtIVE1MRm9ybUVsZW1lbnQucHJvdG90eXBlLnN1Ym1pdC5jYWxsKGZybSk7fSwKICAgICAgICAgICAgICAgICAgICAgICAgICAgICdleHBpcmVkLWNhbGxiYWNrJzogZnVuY3Rpb24oKXtncmVjYXB0Y2hhLnJlc2V0KGhvbGRlcklkKTt9CiAgICAgICAgICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgICAgICAgICAvL2ZybS5vbnN1Ym1pdCA9IGZ1bmN0aW9uIChldnQpe2V2dC5wcmV2ZW50RGVmYXVsdCgpO2dyZWNhcHRjaGEuZXhlY3V0ZShob2xkZXJJZCk7fTsKICAgICAgICAgICAgICAgICAgICB9KShmb3JtKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgIA==' type='text/javascript'></script> </head> <body class="case-studies-template-default single single-case-studies postid-11102 cole-son"> <div class="full-vh" id="full-vh"></div> <div class="footer-foot -left -has-content"> <div class="scroll-text"> <div class="text"> <h1>Cole & Son</h1> </div> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5CFQL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="container-fluid" id="wrapper"> <main id="content"> <div id="case-studies-11102" class="post-11102 case-studies type-case-studies status-publish has-post-thumbnail hentry case-studies-category-digital-marketing case-studies-category-ecommerce case-studies-category-ux-design case-studies-category-web-design case-studies-category-web-development cole-son singular-post"> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including banner component --><section class="component component-banner pnp-bg -case-study vh-fix-once text-white full-height" style="" data-scrollax-parent="true"> <div class="image pnp-bg " data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/CS-Banner-1.jpg"></div> <div class="inner" data-scrollax="properties: { 'opacity': 1, 'translateY': '30%' }"> <h2 class="sub-heading animate-letters" style="opacity: 0;">Cole & Son</h2> <h2 class="heading heading1 animate-letters" style="opacity: 0;">A Headless Shopify Solution for a Luxury Wallpaper Company</h2> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -case_study_intro v-padding " style=""> <div class="inner"> <div class="content" data-pnp-animate="fadeInLeft" data-pnp-animation-delay=".6s"> <p>Cole & Son is a luxury wallpaper company that produces unique high end designs for their customers. They came to us during a period of change, when they were restructuring their distribution channels and starting to sell direct to consumers in a number of key territories. They needed an elevated eCommerce store that would rival their offline customer experience and showcase their beautiful designs. The website needed to support their ambitious growth plans and push the boundaries of what had been done in their industry.</p> </div> <dl class="points" data-pnp-animate="fadeInLeft" data-pnp-animation-delay=".9s"> <dt class="title">Lead time:</dt> <dd class="text">20 weeks</dd> <dt class="title">Sector:</dt> <dd class="text">Luxury Interiors</dd> <dt class="title">Target Type:</dt> <dd class="text">B2C</dd> <dt class="title">Demographic</dt> <dd class="text">Affluent & Design Driven Consumers</dd> <dt class="title">Website Goal:</dt> <dd class="text">Sell Direct to Consumers, Increase Revenue, Enable Cole & Son Marketing Team</dd> <dt class="title">Services:</dt> <dd class="text">Digital Marketing, Web Design, Website Development, Headless Shopify</dd> <dt class="title">Awards</dt> <dd class="text">Best Cross Border Campaign - eCommerce Awards</dd> <dt class="title"> </dt> <dd class="text">CSS Design Awards, Awwwards</dd> </dl> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" background-color: #;"> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text text-white" style=" padding-top: 20%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <h2 class="heading8">Post-launch website results</h2> <p>The new website has delivered significant increases in average order value and revenue.</p> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" background-color: #;"> <div class=" container -medium "> <div class="row thirds-layout"> <div class="col-sm-4"> <!-- Including countdown component --><div class='component-countdown number text-white' data-from='1' data-to='10' data-duration='1000'> <div class='inner'> <span class='prefix'>x</span> <span class='num-container'> <span class='num'>1</span> <span class='num-hidden'>10</span> </span> <span class='suffix'></span> </div> <div class='sub-text'>ROI on PPC spend</div> </div> </div> <div class="col-sm-4"> <!-- Including countdown component --><div class='component-countdown number text-white' data-from='1' data-to='101' data-duration='1000'> <div class='inner'> <span class='prefix'>+</span> <span class='num-container'> <span class='num'>1</span> <span class='num-hidden'>101</span> </span> <span class='suffix'>%</span> </div> <div class='sub-text'>Revenue increase</div> </div> </div> <div class="col-sm-4"> <!-- Including countdown component --><div class='component-countdown number text-white' data-from='1' data-to='193' data-duration='1000'> <div class='inner'> <span class='prefix'>+</span> <span class='num-container'> <span class='num'>1</span> <span class='num-hidden'>193</span> </span> <span class='suffix'>%</span> </div> <div class='sub-text'>Average order value</div> </div> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-base-grey" style=" background-color: #293038;"> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image component --><section class="component component-image -display-type-parallax " style="" data-scrollax-parent="true" > <div class="image pnp-bg full-height parallax" data-scrollax="properties: { 'translateY': '200px' }" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Mask-Group-763-1.jpg"> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -two_columns v-padding" style=""> <div class="inner"> <dl class="list" data-pnp-animate="fadeInLeft"> <dt class="title">Scope</dt> <dd class="content"><ul> <li class="li1"><span class="s2">Adobe XD Wireframe Prototypes</span></li> <li class="li1"><span class="s2">Adobe XD Design Prototypes</span></li> <li class="li1"><a href="https://www.plugandplaydesign.co.uk/headless-shopify-agency/"><span class="s2">Headless Shopify Development</span></a></li> <li><a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/"><span class="s2">WordPress Development</span></a></li> <li class="li1"><a href="https://www.plugandplaydesign.co.uk/multilingual-web-design/"><span class="s2">Multi-territory</span></a></li> <li class="li1"><a href="https://www.plugandplaydesign.co.uk/seo-agency/"><span class="s2">SEO Strategy</span></a></li> <li><a href="https://www.plugandplaydesign.co.uk/ppc-agency/">PPC</a></li> <li><a href="https://www.plugandplaydesign.co.uk/cro-agency-uk/">CRO</a></li> <li><a href="https://www.plugandplaydesign.co.uk/ecommerce-website-design-london/">eCommerce</a></li> </ul> </dd> </dl> <dl class="list" data-pnp-animate="fadeInLeft" data-pnp-animation-delay=".15s"> <dt class="title">Resource</dt> <dd class="content"><ul> <li class="li1"><span class="s2">1 x Lead Designer</span></li> <li class="li1"><span class="s2">1 x UX Designer</span></li> <li>1 x Technical Lead</li> <li>1 x Shopify Developer</li> <li class="li1"><span class="s2">1 x WordPress Developer</span></li> <li class="li1"><span class="s2">1 x Digital Marketing Specialist</span></li> <li class="li1"><span class="s2">1 x Quality Assurance Tester</span></li> <li class="li1"><span class="s2">1 x Project Manager</span></li> </ul> </dd> </dl> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image component --><section class="component component-image -display-type-parallax " style="" data-scrollax-parent="true" > <div class="image pnp-bg full-height parallax" data-scrollax="properties: { 'translateY': '200px' }" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Group-7375-1.jpg"> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading8">The challenge</h2> <p>Cole & Son had an existing eCommerce store that was built on Shopify and had experienced some success. However, the site was suffering from some typical Shopify challenges and wasn’t able to scale in the manner that Cole & Son required to meet their growth targets.</p> <p>These challenges included:</p> <ul> <li>Slow site speed</li> <li>Lack of design flexibility</li> <li>Limited functionality</li> <li>Limited control of SEO factors</li> <li>Restricted international capabilities</li> </ul> <p>Cole & Son challenged us to find a solution that would enable them to internationalise the business and drive growth.</p> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image component --><section class="component component-image -display-type-standard " style="" data-scrollax-parent="true" > <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201193'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Group-7377-1.jpg" alt="Website menu design - headless shopify development" height="1193" width="1920" /> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading8">Headless Shopify Development</h2> <p>We implemented a <a href="https://www.plugandplaydesign.co.uk/headless-shopify-agency/">Headless Shopify</a> solution to overcome the challenges that Cole & Son faced on the existing website. The client liked Shopify’s interface but their existing solution was holding them back. Our Headless Shopify solution enables Cole & Son to maintain their existing eCommerce management system while gaining a new frontend website interface that provides greater flexibility and performance.</p> <p>We decoupled the frontend and backend of Cole & Son’s eCommerce website, retaining the backend eCommerce management in Shopify and replacing the Shopify frontend with a WordPress ‘head’. The <a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/">WordPress CMS</a> provides the client with a user friendly interface to manage their website content while also while achieving a custom website design, enhanced SEO performance, user engagement, site speed and website security.</p> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image component --><section class="component component-image -display-type-parallax " style="" data-scrollax-parent="true" > <div class="image pnp-bg full-height parallax" data-scrollax="properties: { 'translateY': '200px' }" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Group-7378-1.jpg"> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading8">Headless proof of concept</h2> <p>To select the best headless solution for Cole & Son, we rigorously tested a number of options during a proof of concept process. We started by defining the client’s success criteria for their Headless Shopify website. We selected 8 potential CMS options and reviewed the documentation to score each one on a predefined rating scale.</p> <p>We created a proof of concept for each of the 3 highest scoring CMS’s and tested the Shopify integration and key functionality. Based on Cole & Son’s requirements, WordPress was selected as the best CMS for the headless solution.</p> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" background-color: rgba(11,22,54,0);"> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image component --><section class="component component-image -display-type-parallax " style="" data-scrollax-parent="true" > <div class="image pnp-bg full-height parallax" data-scrollax="properties: { 'translateY': '200px' }" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Group-7379-1.jpg"> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading8">The design</h2> <p>With established roots in the fashion world, design is an integral part of Cole & Son’s business. We created a unique and editorial feel with the new <a href="https://www.plugandplaydesign.co.uk/custom-web-design-agency/">website design</a>. We created a flexible user interface that enabled Cole & Son’s marketing team to curate content throughout the site and fully showcase their collections and products.</p> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image component --><section class="component component-image -display-type-parallax " style="" data-scrollax-parent="true" > <div class="image pnp-bg full-height parallax" data-scrollax="properties: { 'translateY': '200px' }" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Group-7380.jpg"> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading8">On-page roll calculator</h2> <p>Purchasing wallpaper can be a complex process. Customers must consider the wall width and height, but also pattern repeats and pattern size. To simplify this process, we created a roll calculator that is available on every wallpaper product page. It is pre-set with the relevant product information so users only need to enter their wall dimensions to calculate the number of rolls required.</p> <p>This feature increases customer satisfaction and removes a barrier to purchase.</p> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" background-color: #e6e6e4;"> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including showcase component --> <section class="component component-showcase -showcase_wide_image" style=""> <div class="inner v-padding text-dark" style=""> <div class="showcase-container"> <div class="image-container -drop-shadow"> <img class="image scroll-reveal-collage image_0" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201299%20731'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Homepage-–-7-1.jpg" alt="Homepage Design of Shopify Website" height="731" width="1299" /> </div> <div class="content-container"> <h3 class="showcase-header" data-pnp-animate="fadeInRight"> Editorial design style </h3> <div class="showcase-content" data-pnp-animate="fadeInRight" data-pnp-animation-delay=".3s"> <p>We created an editorial style design that connected the Cole & Son website with the brand’s roots in fashion.</p> </div> </div> </div> </div> <div class="inner v-padding text-dark" style=""> <div class="showcase-container"> <div class="image-container -drop-shadow"> <img class="image scroll-reveal-collage image_1" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201299%20731'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Product-Page-Successfully-added-pop-up-–-1-1.jpg" alt="Product Page - Successfully added pop up" height="731" width="1299" /> </div> <div class="content-container"> <h3 class="showcase-header" data-pnp-animate="fadeInRight"> On page roll calculator </h3> <div class="showcase-content" data-pnp-animate="fadeInRight" data-pnp-animation-delay=".3s"> <p>We implemented an in-page roll calculator to enable customers to calculate the number of rolls needed with minimal effort.</p> </div> </div> </div> </div> <div class="inner v-padding text-dark" style=""> <div class="showcase-container"> <div class="image-container -drop-shadow"> <img class="image scroll-reveal-collage image_2" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201300%20731'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Product-Page-1.jpg" alt="Product Page Design" height="731" width="1300" /> </div> <div class="content-container"> <h3 class="showcase-header" data-pnp-animate="fadeInRight"> Maximum flexibility </h3> <div class="showcase-content" data-pnp-animate="fadeInRight" data-pnp-animation-delay=".3s"> <p>We created a flexible CMS that enables the Cole & Son team to curate pages around their products.</p> </div> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading8">International expansion</h2> <p>Cole & Son’s previous website only sold to consumers in the UK. During the web build, they were in the process of changing their distribution model so they could sell directly to consumers worldwide, reducing their reliance on distributors.</p> <p>Our challenge was to create and implement an international marketing strategy that would increase Cole & Son’s market penetration in target territories and enable customers to find the website and purchase products in their local currency.</p> <p>We delivered 8 territories on the new website, with the flexibility to expand to additional territories in the future. Each territory was optimised for regional search engines, enabling local audiences to find the Cole & Son website and the content that was relevant to them.</p> <p>Upon launch, Cole & Son rapidly experienced increases in sales and rankings, going from no footprint outside of the UK to having an established presence in the UK, US, Australia, New Zealand, Singapore, Sweden and Norway. Following launch, Cole & Son have added a further 4 territories including multilingual content and right to left page layouts for the Arabic language.</p> <p>The international campaign won the Best Cross Border Campaign at the eCommerce Awards. <a href="https://www.plugandplaydesign.co.uk/ecommerce-award-winners/">Read about the full campaign strategy here.</a></p> <p><img fetchpriority="high" decoding="async" class="alignnone wp-image-11929" style="max-width: 100%; height: auto;" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/09/ECA-winner-shots-011-400x266.jpg" alt="" width="502" height="334" srcset="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/09/ECA-winner-shots-011-400x266.jpg 400w, https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/09/ECA-winner-shots-011-768x511.jpg 768w, https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/09/ECA-winner-shots-011-1536x1022.jpg 1536w, https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/09/ECA-winner-shots-011-2048x1363.jpg 2048w" sizes="(max-width: 502px) 100vw, 502px" /></p> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" background-color: #;"> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including showcase component --> <section class="component component-showcase -showcase_long_image" style=""> <div class="inner v-padding text-light" style=""> <div class="showcase-container"> <div class="image-container "> <img class="image image_0" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202080%202000'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/09/Frame-427319778-2.png" alt="Cole & Son SEO results charts showing huge growth in the UK and New Zealand" height="2000" width="2080" /> </div> <div class="content-container"> <h3 class="showcase-header" data-pnp-animate="fadeInRight"> International SEO growth </h3> <div class="showcase-content content" data-pnp-animate="fadeInRight" data-pnp-animation-delay=".3s"> <p>Our team generated huge global SEO growth for Cole & Son for a series of high value search terms.</p> <p>Cole & Son’s rankings grew across all 8 target territories, increasing their search visibility by up to 2081%.</p> </div> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container -large "> <div class="row thirds-layout"> <div class="col-sm-4"> <!-- Including countdown component --><div class='component-countdown number text-light' data-from='1' data-to='2081' data-duration='1000'> <div class='inner'> <span class='prefix'>+</span> <span class='num-container'> <span class='num'>1</span> <span class='num-hidden'>2081</span> </span> <span class='suffix'>%</span> </div> <div class='sub-text'>Increase in UK search engine visibility</div> </div> </div> <div class="col-sm-4"> <!-- Including countdown component --><div class='component-countdown number text-light' data-from='1' data-to='1210' data-duration='1000'> <div class='inner'> <span class='prefix'>+</span> <span class='num-container'> <span class='num'>1</span> <span class='num-hidden'>1210</span> </span> <span class='suffix'>%</span> </div> <div class='sub-text'>Increase in New Zealand search engine visibility</div> </div> </div> <div class="col-sm-4"> <!-- Including countdown component --><div class='component-countdown number text-light' data-from='1' data-to='523' data-duration='1000'> <div class='inner'> <span class='prefix'>+</span> <span class='num-container'> <span class='num'>1</span> <span class='num-hidden'>523</span> </span> <span class='suffix'>%</span> </div> <div class='sub-text'>Increase in US search engine visibility</div> </div> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" background-color: rgba(255,255,255,0);"> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text text-dark" style=" padding-top: 20%;padding-bottom: 20%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <h2 class="heading8">SEO</h2> <p>Using <a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/">WordPress</a> as the CMS gave us greater dexterity when it came to optimising the site for SEO. We conducted extensive SEO research as part of a broad digital strategy and implemented an optimised landing page strategy.</p> <p>Our global <a href="https://www.plugandplaydesign.co.uk/seo-agency/">SEO strategy</a> increased the breadth of keywords targeted and increased the specificity of content on the site to create new entry points from search engines in 7 geographical areas.</p> <p> </p> <h2 class="heading8">PPC</h2> <p>Our team launched a number of <a href="https://www.plugandplaydesign.co.uk/ppc-agency/">PPC</a> campaigns for Cole & Son, opening up a new revenue channel for the business. The PPC has been extremely successful, generating a 10x return for every £1 spent with Google Ads.</p> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-case_study-grey" style=" "> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -large" style=" padding-top: 9%;padding-bottom: 4%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading1">Related work</h2> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-case_study-grey" style=" "> <div class=" container -large "> <div class="row fifty-fifty-layout"> <div class="col-xs-12 col-left-side col-sm-6"> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/luxury-ecommerce-website/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '8%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20852%20925'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2021/11/Group-9628-1.jpg" alt="branded image with logo" height="925" width="852" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Grand Prix Events</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>111% increase in eCommerce conversion rate for a leading ticket retailer.</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">eCommerce</div> <div class="tag">WooCommerce</div> <div class="tag">WordPress</div> <div class="tag">Multilingual</div> <div class="tag">Brand</div> </div> </div> </a> </div> </div> </div> <div class="col-xs-12 col-right-side col-sm-6"> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/rsl-awards/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '7%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20832%20881'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/07/rsl-work.jpg" alt="" height="881" width="832" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>RSL</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Digital transformation with Headless eCommerce for an international awards body</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">eCommerce</div> <div class="tag">Shopify</div> <div class="tag">Microsoft Dynamics</div> <div class="tag">WordPress</div> <div class="tag">Digital Marketing</div> </div> </div> </a> </div> </div> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including code component --><script>window[['CHIPBOT','DOMAIN','ID'].join('_')] = 'dom_wLKlrVNftvvw';!function(c,h,i,p,b,o,t){o=h.createElement(i),t=h.getElementsByTagName(i)[0],o.async=1,o.src="https://static.getchipbot.com/edge/p/chipbot.js",t.parentNode.insertBefore(o,t)}(window,document,"script");</script> </div> </div> </div> </div> </div> <!-- Including footer component --><footer class="site-footer -multi-columned"> <div class="footer-cta"> <div class="cta"> <div class="content" data-pnp-animate-inner="fadeInLeft"> <p class="heading heading1">Your Project?<br /> <span class="lighter">Let’s talk.</span></p> </div> <div class="component-form"> <div class="form-container" id="footer-form"> <form class="contact-form autofill-meta" data-form-type="contact" data-nonce="faf5213ff9" method="post"> <div class="form-group"> <input type="text" class="form-control" name="full_name" data-validation="required" placeholder="Name*"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" data-validation="required,email" placeholder="Email*"> </div> <div class="form-group"> <input type="text" class="form-control" name="telephone" data-validation="required" placeholder="Number*"> </div> <div class="form-group"> <input type="text" class="form-control -file-upload" name="file_upload" placeholder="Upload File" readonly="readonly"> <i class="ion-android-attach attachment"></i> <i class="ion-android-close remove-file"></i> <div class="file-progress-bar"></div> </div> <div class="form-group textarea-container"> <textarea class="form-control autogrow -autogrowme" name="message" placeholder="Message"></textarea> </div> <div class="form-group"> <div class="checkbox-container"> <input type="checkbox" id="gdpr_64229" class="accept_gdpr" value="1"> <label for="gdpr_64229"> I understand that Plug & Play will securely hold my data in accordance with their <a href="https://www.plugandplaydesign.co.uk/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>. </label> </div> </div> <div class="form-error-message"><p></p></div> <div class="form-group button-container"> <button type="submit" class="btn -dark -arrow gtm-submit-contact-form"><i class="ion-load-c"></i><span class="gtm-submit-contact-form">Submit</span><i class="gtm-submit-contact-form ion-android-arrow-forward"></i></button> </div> <input type="hidden" class="url" name="url"/> <input type="hidden" class="enquiry_id" name="enquiry_id"/> <input type="hidden" class="type" name="type"/> <input type="hidden" name="_wpnonce" value="faf5213ff9"/> <input type="hidden" name="file_url"/> <input type="text" name="finaliseForm" class="finaliseForm" value="" style="display: none;" tabindex=”-1″ autocomplete="false;"/> <input type="hidden" class="ppc utm_source" name="utm_source"> <input type="hidden" class="ppc utm_medium" name="utm_medium"> <input type="hidden" class="ppc keyword" name="keyword"> <input type="hidden" class="ppc device" name="device"> <input type="hidden" class="ppc gclid" name="gclid"> <input type="hidden" class="referrer" name="referrer"> </form> </div> </div> <a class="btn -dark -footer -show-contact-form" href="/contact/" data-pnp-animate="fadeInLeft" data-pnp-animation-delay=".3s"> <span>Get in touch</span> </a> </div> </div> <div class="footer-nav"> <div class="footer-col -info-and-links" data-pnp-animate="footerFade" data-pnp-animation-offset="30%"> <div class="footer-col -lg"> <div class="page-links"> <div class="col-top"> <ul> <li><a href="https://www.plugandplaydesign.co.uk/careers/">Careers </a></li> <li><a href="https://www.plugandplaydesign.co.uk/engage/">Engage </a></li> <li><a href="https://ux-design.agency" target="_blank" rel="noopener">UX Design Agency </a></li> <li><a href="https://instinctive.agency" target="_blank" rel="noopener">App Developers London </a></li> <li class="not-on-home"><a href="https://www.plugandplaydesign.co.uk/">Web design London</a></li> <li><a href="https://www.plugandplaydesign.co.uk/contact/">Contact</a></li> <li class="dropdown-item"><a class="dropdown-toggle" href="#" data-pnp-slide-toggle="#footer-legals">Legals</a></li> </ul> </div> <div class="col-bottom" id="footer-legals"> <ul> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/terms-and-conditions/">Terms and Conditions </a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/privacy-policy/">Privacy Policy</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/legals/">Legals </a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/data-processing-terms-and-conditions/">Data Processing Terms & Conditions</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/cookies-policy/">Cookies Policy</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/candidate-privacy-policy/">Candidate Privacy Policy </a></li> </ul> </div> </div> <div class="social-links"> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.linkedin.com/company/plug-and-play-design-ltd" target="_blank"> LinkedIn </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.instagram.com/plugandplaydesign/" target="_blank"> Instagram </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://dribbble.com/PlugandPlayDesign" target="_blank"> Dribbble </a> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>Guildford</strong><br/> Innovation House<br/> 2 - 6 High Street<br/> Guildford<br/> GU2 4AJ<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//2,+Plug+and+Play,+Innovation+House,+6+High+St,+Guildford+GU2+4AJ/@51.2346118,-0.6127773,13z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4875d1d259b4afe5:0x5347077d78261333!2m2!1d-0.577758!2d51.2345633" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:441483276699">01483 276 699</a><a href="/cdn-cgi/l/email-protection#e88f9d81848c8e879a8ca898849d8f89868c988489918c8d9b818f86c68b87c69d83"><span class="__cf_email__" data-cfemail="f394869a9f97959c8197b3839f8694929d97839f928a9796809a949ddd909cdd8698">[email protected]</span></a></div> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>London South Bank</strong><br/> Working From Southwark<br/> 32 Blackfriars Road<br/> London<br/> SE1 8PB<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//Plug+%26+Play,+Working+From+Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057813,-0.1069312,17z/data=!4m16!1m6!3m5!1s0x0:0xd6a2979afb763860!2sPlug+%26+Play!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x487604b03314a6f3:0xd6a2979afb763860!2m2!1d-0.1047425!2d51.5057813!3e3" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:442030111641">020 3011 1641</a><a href="/cdn-cgi/l/email-protection#1e7271707a71705e6e726b797f707a6e727f677a7b6d777970307d71306b75"><span class="__cf_email__" data-cfemail="294546474d46476959455c4e48474d594548504d4c5a404e47074a46075c42">[email protected]</span></a></div> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>Central London</strong><br/> Fitzrovia<br/> 72 Wells Street<br/> London<br/> W1T 3QF<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//72+Wells+St,+Fitzrovia,+London+W1T+3QF/@51.5170693,-0.1399641,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48761b2b03a12707:0x3b9947824024460a!2m2!1d-0.1377754!2d51.517066" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:02030111641">020 3011 1641</a><a href="/cdn-cgi/l/email-protection#93e0fcfbfcd3e3ffe6f4f2fdf7e3fff2eaf7f6e0faf4fdbdf0fcbde6f8"><span class="__cf_email__" data-cfemail="a0d3cfc8cfe0d0ccd5c7c1cec4d0ccc1d9c4c5d3c9c7ce8ec3cf8ed5cb">[email protected]</span></a></div> </div> </div> </div> </div> <div class="footer-foot -right"> <div class="flex-container"> <div class="footer-foot-logos"> <iframe src="https://registry.blockmarktech.com/certificates/ce75a810-fe39-4446-925e-c7ffba33911e/widget/?tooltip_position=bottom_right&theme=transparent&hover=t" style="border: none; height:100px; width:100px;"></iframe> <iframe src="https://registry.blockmarktech.com/certificates/a27d05ba-f1e3-43f2-af85-20f59965a32b/widget/?tooltip_position=bottom_right&theme=dark&hover=t" style="border: none; height:100px; width:100px;"></iframe> </div> <div class="social-links" data-pnp-animate="footerFade" data-pnp-animation-offset="0"> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.linkedin.com/company/plug-and-play-design-ltd" target="_blank"> LinkedIn </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.instagram.com/plugandplaydesign/" target="_blank"> Instagram </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://dribbble.com/PlugandPlayDesign" target="_blank"> Dribbble </a> </div> <div class="copyright" data-pnp-animate="footerFade" data-pnp-animation-offset="0"> <p>© Plug and Play Design Ltd</p> </div> </div> </div> </footer> <nav class="nav-menu" id="nav-menu" style="opacity: 0;visibility: hidden;"> <div class="nav-left-bg"></div> <!-- <div class="nav-right-bg"></div>--> <div class="nav-left"> <div class="form-container"> <div class="back-btn" id="nav-form-back"> <i class="ion-ios-arrow-thin-left"></i> </div> <form class="contact-form autofill-meta" data-form-type="contact" data-nonce="faf5213ff9" method="post"> <div class="form-group"> <input type="text" class="form-control" name="full_name" data-validation="required" placeholder="Name*"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" data-validation="required,email" placeholder="Email*"> </div> <div class="form-group"> <input type="text" class="form-control" name="telephone" data-validation="required" placeholder="Number*"> </div> <div class="form-group"> <input type="text" class="form-control -file-upload" name="file_upload" placeholder="Upload File" readonly="readonly"> <i class="ion-android-attach attachment"></i> <i class="ion-android-close remove-file"></i> <div class="file-progress-bar"></div> </div> <div class="form-group textarea-container"> <textarea class="form-control autogrow -autogrowme" name="message" placeholder="Message"></textarea> </div> <div class="form-group"> <div class="checkbox-container"> <input type="checkbox" id="gdpr_686228" class="accept_gdpr" value="1"> <label for="gdpr_686228"> I understand that Plug & Play will securely hold my data in accordance with their <a href="https://www.plugandplaydesign.co.uk/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>. </label> </div> </div> <div class="form-error-message"><p></p></div> <div class="form-group button-container"> <button type="submit" class="btn -dark -arrow gtm-submit-contact-form"><i class="ion-load-c"></i><span class="gtm-submit-contact-form">Submit</span><i class="gtm-submit-contact-form ion-android-arrow-forward"></i></button> </div> <input type="hidden" class="url" name="url"/> <input type="hidden" class="enquiry_id" name="enquiry_id"/> <input type="hidden" class="type" name="type"/> <input type="hidden" name="_wpnonce" value="faf5213ff9"/> <input type="hidden" name="file_url"/> <input type="text" name="finaliseForm" class="finaliseForm" value="" style="display: none;" tabindex=”-1″ autocomplete="false;"/> <input type="hidden" class="ppc utm_source" name="utm_source"> <input type="hidden" class="ppc utm_medium" name="utm_medium"> <input type="hidden" class="ppc keyword" name="keyword"> <input type="hidden" class="ppc device" name="device"> <input type="hidden" class="ppc gclid" name="gclid"> <input type="hidden" class="referrer" name="referrer"> </form> </div> <ul class="nav-links"> <li class=""> <a href="https://www.plugandplaydesign.co.uk/about-us/"> About </a> </li> <li class=""> <a href="https://www.plugandplaydesign.co.uk/our-work/"> Our Work </a> </li> <li class=""> <a href="https://www.plugandplaydesign.co.uk/contact/"> Contact </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/custom-web-design-agency/"> Websites </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/ecommerce-website-design-london/"> eCommerce </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/digital-marketing-agency/"> Digital Marketing </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/"> WordPress </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/brand-development-agency/"> Branding </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/mobile-app-developers-london/"> Mobile Apps </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/digital-transformation-consultants/"> Digital Transformation </a> </li> <!-- <li class="cta">--> <!-- <a href="/contact/" class="btn -outline -arrow" id="nav-form-show-contact-form">--> <!-- <span>Start your project</span>--> <!-- <i class="ion-ios-arrow-thin-right"></i>--> <!-- </a>--> <!-- </li>--> </ul> <footer class="nav-footer content-grey f18"> <!-- <div class="awards">--> <!-- --><!-- </div>--> <h2 class="heading heading6">Get in touch</h2> <a href="tel:02030111641"> 0203 0111 641 </a> <a class="email" href="/cdn-cgi/l/email-protection#365e535a5a5976465a4351575852465a574f5253455f515818555918435d"> <span class="__cf_email__" data-cfemail="e9818c858586a999859c8e88878d998588908d8c9a808e87c78a86c79c82">[email protected]</span> </a> <a class="contact-form-link" href="/contact/">Contact form <i class="ion-ios-arrow-thin-right"></i></a> </footer> </div> <!-- <div class="case-study-container">--> <!-- --><!----> <!----> <!-- --><!-- --><!----> <!-- <div class="row no-gutter component-call-to-action -bottom">--> <!-- <div class="col-xs-12">--> <!-- <a href="--><!--" class="inner">--> <!----> <!-- <img src="--><!--"--> <!-- alt="--><!--"--> <!-- class="image"--> <!-- height="--><!--"--> <!-- width="--><!--"/>--> <!----> <!-- <div class="content-container">--> <!-- --><!-- <p class="heading heading3">--> <!-- --><!-- </p>--> <!-- --><!----> <!-- --><!-- <div class="content">--> <!-- --><!-- </div>--> <!-- --><!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- --><!-- </div>--> <div class="nav-right"> <iframe src="https://registry.blockmarktech.com/certificates/ce75a810-fe39-4446-925e-c7ffba33911e/widget/?tooltip_position=bottom_right&theme=transparent&hover=t" style="border: none; height:100px; width:100px;"></iframe> <iframe src="https://registry.blockmarktech.com/certificates/a27d05ba-f1e3-43f2-af85-20f59965a32b/widget/?tooltip_position=bottom_right&theme=dark&hover=t" style="border: none; height:100px; width:100px;"></iframe> </div> </nav> <form id="file_uploader" enctype="multipart/form-data" class="hidden"> <input type="hidden" id="file_uploader_enquiry_id" name="enquiry_id"/> <input type="hidden" id="file_uploader_type" name="type"/> <input type="hidden" id="file_uploader_nonce" name="_wpnonce"/> <input type="file" id="file_uploader_file" name="file"/> </form> </main></div><!-- Including modals component --><div id="modal-skeleton"> <div class="modal fade zoom pnp-modal" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <header class="modal-header"> <!-- <a class="logo-link" href="/">--> <!-- <span class="sr-only">Company Name</span>--> <!-- <img height="80" alt="Company Logo" src="/dist/img/logos/orson-logo-cirlce-light.svg">--> <!-- </a>--> <button class="close-modal" aria-label="Close"> <i class="ion-ios-close-empty"></i> </button> <div class="clearfix"></div> </header> <div class="modal-body"> <p>An error has occurred, please try again later.</p> </div> </div> </div> </div> </div><header id="page-header"><!-- Including navigation component --> <div class="nav-container nav-height -first-hide -first-load" id="nav"> <a class="nav-logo" href="/"> <img class="logo-dark" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play.svg" alt="Plug & Play Web Design Agency" width="129" height="27"> <img class="logo-light" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_light.svg" alt="Plug & Play Web Design Agency" width="129" height="27"> </a> <div class="phone"> <!-- <a href="tel:--><!--">--> <!-- <i class="phone-icon"></i>--> <!-- </a>--> <a class="phone-number hidden-xs" href="/contact/">Contact us</a> </div> <div class="burger-container"> <button class="navbar-toggle navbar-toggle-multi-level burger" type="button"> <span class="sr-only">Toggle navigation</span> <i></i> </button> </div> </div> </header> <div class="ajax-loading-overlay"></div> <!--copyscapeskip--> <aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="GDPR Cookie Banner" style="display: none;"> <div class="moove-gdpr-info-bar-container"> <div class="moove-gdpr-info-bar-content"> <div class="moove-gdpr-cookie-notice"> <p>We are using cookies to provide you with the best experience on our website. By clicking accept, you agree that we can use cookies on your device. Find out more in our <a href="/cookies-policy/">cookie policy</a>.</p> </div> <!-- .moove-gdpr-cookie-notice --> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Accept" >Accept</button> </div> <!-- .button-container --> </div> <!-- moove-gdpr-info-bar-content --> </div> <!-- moove-gdpr-info-bar-container --> </aside> <!-- #moove_gdpr_cookie_info_bar --> <!--/copyscapeskip--> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.plugandplaydesign.co.uk/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.plugandplaydesign.co.uk\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.2" id="contact-form-7-js"></script> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-delay-js-js-after"> /* <![CDATA[ */ (function() { "use strict";var e=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function r(e,t){n(this,r),this.attrName="data-rocketlazyloadscript",this.browser=t,this.options=this.browser.options,this.triggerEvents=e,this.userEventListener=this.triggerListener.bind(this)}return e(r,[{key:"init",value:function(){this._addEventListener(this)}},{key:"reset",value:function(){this._removeEventListener(this)}},{key:"_addEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.addEventListener(e,t.userEventListener,t.options)})}},{key:"_removeEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.removeEventListener(e,t.userEventListener,t.options)})}},{key:"_loadScriptSrc",value:function(){var r=this,e=document.querySelectorAll("script["+this.attrName+"]");0!==e.length&&Array.prototype.slice.call(e).forEach(function(e){var t=e.getAttribute(r.attrName);e.setAttribute("src",t),e.removeAttribute(r.attrName)}),this.reset()}},{key:"triggerListener",value:function(){this._loadScriptSrc(),this._removeEventListener(this)}}],[{key:"run",value:function(){RocketBrowserCompatibilityChecker&&new r(["keydown","mouseover","touchmove","touchstart","wheel"],new RocketBrowserCompatibilityChecker({passive:!0})).init()}}]),r}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/www.plugandplaydesign.co.uk","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.min.js" id="jquery-js"></script> <script type="text/javascript" id="global_js-js-extra"> /* <![CDATA[ */ var ajax_object = {"ajax_url":"https:\/\/www.plugandplaydesign.co.uk\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/js/global.min.js?ver=1.26" id="global_js-js"></script> <script type="text/javascript" id="moove_gdpr_frontend-js-extra"> /* <![CDATA[ */ var moove_frontend_gdpr_scripts = {"ajaxurl":"https:\/\/www.plugandplaydesign.co.uk\/wp-admin\/admin-ajax.php","post_id":"11102","plugin_dir":"https:\/\/www.plugandplaydesign.co.uk\/wp-content\/plugins\/gdpr-cookie-compliance","show_icons":"all","is_page":"","ajax_cookie_removal":"false","strict_init":"2","enabled_default":{"third_party":0,"advanced":0},"geo_location":"false","force_reload":"false","is_single":"1","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":""}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=4.13.1" id="moove_gdpr_frontend-js"></script> <script id="moove_gdpr_frontend-js-after"> /* <![CDATA[ */ var gdpr_consent__strict = "true" var gdpr_consent__thirdparty = "false" var gdpr_consent__advanced = "false" var gdpr_consent__cookies = "strict" /* ]]> */ </script> <!--copyscapeskip--> <!-- V1 --> <div id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" role="complementary" aria-label="GDPR Settings Screen"> <div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1"> <button class="moove-gdpr-modal-close" aria-label="Close GDPR Cookie Settings"> <span class="gdpr-sr-only">Close GDPR Cookie Settings</span> <span class="gdpr-icon moovegdpr-arrow-close"></span> </button> <div class="moove-gdpr-modal-left-content"> <div class="moove-gdpr-company-logo-holder"> <img src="https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/images/gdpr-logo.png" alt="Plug and Play" width="350" height="233" class="img-responsive" /> </div> <!-- .moove-gdpr-company-logo-holder --> <ul id="moove-gdpr-menu"> <li class="menu-item-on menu-item-privacy_overview menu-item-selected"> <button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Privacy Overview"> <span class="gdpr-nav-tab-title">Privacy Overview</span> </button> </li> <li class="menu-item-strict-necessary-cookies menu-item-off"> <button data-href="#strict-necessary-cookies" class="moove-gdpr-tab-nav" aria-label="Strictly Necessary Cookies"> <span class="gdpr-nav-tab-title">Strictly Necessary Cookies</span> </button> </li> </ul> <div class="moove-gdpr-branding-cnt"> <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" rel="noopener noreferrer" target="_blank" class='moove-gdpr-branding'>Powered by <span>GDPR Cookie Compliance</span></a> </div> <!-- .moove-gdpr-branding --> </div> <!-- .moove-gdpr-modal-left-content --> <div class="moove-gdpr-modal-right-content"> <div class="moove-gdpr-modal-title"> </div> <!-- .moove-gdpr-modal-ritle --> <div class="main-modal-content"> <div class="moove-gdpr-tab-content"> <div id="privacy_overview" class="moove-gdpr-tab-main"> <span class="tab-title">Privacy Overview</span> <div class="moove-gdpr-tab-main-content"> <p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- #privacy_overview --> <div id="strict-necessary-cookies" class="moove-gdpr-tab-main" style="display:none"> <span class="tab-title">Strictly Necessary Cookies</span> <div class="moove-gdpr-tab-main-content"> <p>Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.</p> <div class="moove-gdpr-status-bar gdpr-checkbox-disabled checkbox-selected"> <div class="gdpr-cc-form-wrap"> <div class="gdpr-cc-form-fieldset"> <label class="cookie-switch" for="moove_gdpr_strict_cookies"> <span class="gdpr-sr-only">Enable or Disable Cookies</span> <input type="checkbox" aria-label="Strictly Necessary Cookies" disabled checked="checked" value="check" name="moove_gdpr_strict_cookies" id="moove_gdpr_strict_cookies"> <span class="cookie-slider cookie-round" data-text-enable="Enabled" data-text-disabled="Disabled"></span> </label> </div> <!-- .gdpr-cc-form-fieldset --> </div> <!-- .gdpr-cc-form-wrap --> </div> <!-- .moove-gdpr-status-bar --> <div class="moove-gdpr-strict-warning-message" style="margin-top: 10px;"> <p>If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.</p> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- #strict-necesarry-cookies --> </div> <!-- .moove-gdpr-tab-content --> </div> <!-- .main-modal-content --> <div class="moove-gdpr-modal-footer-content"> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Enable All">Enable All</button> <button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Save Settings">Save Settings</button> </div> <!-- .moove-gdpr-button-holder --> </div> <!-- .moove-gdpr-modal-footer-content --> </div> <!-- .moove-gdpr-modal-right-content --> <div class="moove-clearfix"></div> </div> <!-- .moove-gdpr-modal-content --> </div> <!-- #moove_gdpr_cookie_modal --> <!--/copyscapeskip--> <script src="//instant.page/1.2.2"></script> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> </body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->