### Onboarding App Return Guides Source: https://ocasta.com/solutions/onboarding-app/ HTML structure for specific how-to guides related to processing returns. Each guide includes a title, category, and a brief description. ```html

How to process a return for online orders

Policy

Return policy overview

Quick Guide

Generating return shipping labels

Process Guide

How to handle damaged item returns

Troubleshooting

Processing returns without original receipt

Quick Guide

Issuing refunds vs. store credit

Policy

International returns process

Process Guide

``` -------------------------------- ### Onboarding Guides and Policies Source: https://ocasta.com/solutions/preboarding-app/ Provides access to a comprehensive set of guides and policies for employee onboarding. Covers various operational aspects from returns processing to employee expenses and location-specific information. ```APIDOC ContentModules: - Module: ReturnsProcessing Guides: - HowTo: Process a return for online orders - Policy: Return policy overview - QuickGuide: Generating return shipping labels - ProcessGuide: Handling damaged item returns - Troubleshooting: Processing returns without original receipt - QuickGuide: Issuing refunds vs. store credit - Policy: International returns process - ProcessGuide: Processing an exchange - SystemGuide: Using the returns management system - Checklist: Return processing checklist - Module: OrderProcessing Guides: - ProcessGuide: Order processing workflow overview - Module: EmployeeExpenses Guides: - ProcessGuide: Processing employee expenses - Module: LocationInformation Guides: - LocationGuide: Parking for Brighton warehouse - VisitorInformation: Visitor parking options and directions - Module: EmployeePolicy Guides: - EmployeePolicy: Employee parking permit information - Module: LLOPCertification Guides: - LLOP: What is LLOP? (low-level order picker) - LLOP: How to become LLOP certified - LLOP: LLOP training requirements ``` -------------------------------- ### WordPress Localization Setup Source: https://ocasta.com/tools/site-visit-checklist-audit-generator/ Configures WordPress internationalization (i18n) by setting locale data for specific domains. This ensures that translated strings are correctly loaded and applied within the WordPress environment. ```javascript var leadin_wordpress = {"userRole":"visitor","pageType":"page","leadinPluginVersion":"11.3.16"}; wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""]["domain"] = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Tilde":["Tilde"],"Backtick":["Backtick"],"Period":["Period"],"Comma":["Comma"]}},"comment":{"reference":"wp-includes\/js\/dist\/keycodes.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""]["domain"] = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Notifications":["Notifications"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""]["domain"] = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%s applied.":["%s applied."],"%s removed.":["%s removed."]}},"comment":{"reference":"wp-includes\/js\/dist\/rich-text.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""]["domain"] = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%1$s Block. Row %2$d":["%1$s Block. Row %2$d"],"Design":["Design"],"%s Block":["%s Block"],"%1$s Block. %2$s":["%1$s Block. %2$s"],"%1$s Block. Column %2$d":["%1$s Block. Column %2$d"],"%1$s Block. Column %2$d. %3$s":["%1$s Block. Column %2$d. %3$s"],"%1$s Block. Row %2$d. %3$s":["%1$s Block. Row %2$d. %3$s"],"Reusable blocks":["Reusable blocks"],"Embeds":["Embeds"],"Text":["Text"],"Widgets":["Widgets"],"Theme":["Theme"],"Media":["Media"]}},"comment":{"reference":"wp-includes\/js\/dist\/blocks.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""]["domain"] = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"mes ``` -------------------------------- ### Rocket Preload Links Library Source: https://ocasta.com/platform/new-starter/ Implements a prefetching mechanism for web pages. It initializes listeners for user interactions and preloads linked resources based on configuration and user behavior to enhance browsing speed. Dependencies include a browser compatibility checker and a configuration object. ```javascript 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(); ``` -------------------------------- ### Ocasta Project Image Assets Source: https://ocasta.com/platform/new-starter/ Lists the image assets used within the Ocasta project, including their file paths and associated links. ```html Ocasta Feature Image 1 Ocasta Feature Image 2 Ocasta Feature Image 3 Ocasta Feature Image 4 Ocasta Feature Image 5 Ocasta Logo ``` -------------------------------- ### WordPress i18n Locale Data Setup Source: https://ocasta.com/tools/training-observation-question-generator/ Configures WordPress internationalization (i18n) settings by loading locale-specific translation data. This ensures text strings are correctly translated based on the user's locale. ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Tilde":["Tilde"],"Backtick":["Backtick"],"Period":["Period"],"Comma":["Comma"]}},"comment":{"reference":"wp-includes\/js\/dist\/keycodes.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Notifications":["Notifications"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%s applied.":["%s applied."],"%s removed.":["%s removed."]}},"comment":{"reference":"wp-includes\/js\/dist\/rich-text.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%1$s Block. Row %2$d":["%1$s Block. Row %2$d"],"Design":["Design"],"%s Block":["%s Block"],"%1$s Block. %2$s":["%1$s Block. %2$s"],"%1$s Block. Column %2$d":["%1$s Block. Column %2$d"],"%1$s Block. Column %2$d. %3$s":["%1$s Block. Column %2$d. %3$s"],"%1$s Block. Row %2$d. %3$s":["%1$s Block. Row %2$d. %3$s"],"Reusable blocks":["Reusable blocks"],"Embeds":["Embeds"],"Text":["Text"],"Widgets":["Widgets"],"Theme":["Theme"],"Media":["Media"]}},"comment":{"reference":"wp-includes\/js\/dist\/blocks.js"}} ); ``` ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplu ``` -------------------------------- ### Blocksy Website Configuration Source: https://ocasta.com/platform/new-starter/ Configuration object for Blocksy theme/plugin features, including mega menu persistence and sticky header settings. It also lists paths to various CSS files for dynamic styling and lazy loading. ```javascript var blocksy_data = { "l_data": [ { "var": "blocksyMegaMenu", "data": { "persistence_key": "blocksy:mega-menu:538a18" } } ], "id": "blocksy_sticky_header", "selector": "header [data-sticky]", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/static\/bundle\/sticky.js?ver=2.1.4" }; var blocksy_dynamic_styles = { "dynamic_styles": { "lazy_load": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/non-critical-styles.min.css?ver=2.1.4", "search_lazy": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/non-critical-search-styles.min.css?ver=2.1.4", "back_to_top": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/back-to-top.min.css?ver=2.1.4" }, "dynamic_styles_selectors": [ { "selector": ".ct-header-cart, #woo-cart-panel", "url": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/cart-header-element-lazy.min.css?ver=2.1.4" }, { "selector": ".flexy", "url": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/flexy.min.css?ver=2.1.4" }, { "selector": ".ct-media-container[data-media-id], .ct-dynamic-media[data-media-id]", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/static\/bundle\/video-lazy.min.css?ver=2.1.4" }, { "selector": "#account-modal", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/static\/bundle\/header-account-modal-lazy.min.css?ver=2.1.3" }, { "selector": ".ct-header-account", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/static\/bundle\/header-account-dropdown-lazy.min.css?ver=2.1.3" } ] }; ``` -------------------------------- ### Guide Controls Source: https://ocasta.com/pricing/ Labels for guide controls within the interface. ```en "Guide controls":["Guide controls"] ``` -------------------------------- ### HubSpot and Clarity Analytics Integration Source: https://ocasta.com/platform/new-starter/ Sets up HubSpot tracking and initializes Microsoft Clarity for user behavior analysis. This involves configuring HubSpot's content type and loading the Clarity tracking script. ```javascript var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r); t.async=1; t.src="https://www.clarity.ms/tag/"+i+"?ref=wordpress"; y=l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "rm0gid36t0"); window.hubName = "New Starter"; ``` -------------------------------- ### Ocasta How-To Guides and Policies Source: https://ocasta.com/ Lists various guides and policies related to operational processes within the Ocasta ecosystem, such as processing returns, managing expenses, and handling specific store procedures. These are categorized by type like Policy, Quick Guide, Process Guide, etc. ```text How To Guide How to process a return for online orders Policy Return policy overview Quick Guide Generating return shipping labels Process Guide How to handle damaged item returns Troubleshooting Processing returns without original receipt Quick Guide Issuing refunds vs. store credit Policy International returns process Process Guide How to process an exchange System Guide Using the returns management system Checklist Return processing checklist Process Guide Order processing workflow overview Process Guide How to process employee expenses Location Guide Where to park for the Brighton warehouse Visitor Information Visitor parking options and directions Employee Policy Employee parking permit information LLOP What is LLOP? low-level order picker. LLOP How to become LLOP certified LLOP LLOP training requirements ``` -------------------------------- ### CSS Image Styling Source: https://ocasta.com/platform/new-starter/ Applies intrinsic sizing to images based on specific size attributes, ensuring proper containment within layouts. ```css img:is("[sizes='auto' i]", "[sizes^='auto,' i]") { contain-intrinsic-size: 3000px 1500px } ``` -------------------------------- ### RocketPreloadLinksConfig Configuration Source: https://ocasta.com/platform/new-starter/ Configuration object for Rocket's link preloading feature. It specifies URIs to exclude from preloading, trailing slash usage, supported file extensions for preloading, site URL, and delays for hover effects and rate throttling. ```javascript var RocketPreloadLinksConfig = { "excludeUris": "\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/", "usesTrailingSlash": "1", "imageExt": "jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php", "fileExt": "jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm", "siteUrl": "https:\/\/ocasta.com", "onHoverDelay": "100", "rateThrottle": "3" }; ``` -------------------------------- ### WordPress Localization Setup (Months/Years) Source: https://ocasta.com/demo/ Completes the WordPress internationalization (i18n) setup by loading locale data for month and year names. This ensures accurate display of dates in the specified locale. ```javascript ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""] .domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"December":["December"],"November":["November"],"October":["October"],"September":["Septe ``` -------------------------------- ### Dynamic JavaScript Chunks Configuration Source: https://ocasta.com/platform/new-starter/ Configuration object detailing dynamic JavaScript loading for various website features. It specifies selectors, triggers, and URLs for loading scripts on demand, enhancing performance by deferring non-critical scripts. ```json { "ajax_url": "https:\/\/ocasta.com\/wp-admin\/admin-ajax.php", "public_url": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/", "rest_url": "https:\/\/ocasta.com\/wp-json\/", "search_url": "https:\/\/ocasta.com\/search\/QUERY_STRING\/", "show_more_text": "Show more", "more_text": "More", "search_live_results": "Search results", "search_live_no_results": "No results", "search_live_no_result": "No results", "search_live_one_result": "You got %s result. Please press Tab to select it.", "search_live_many_results": "You got %s results. Please press Tab to select one.", "clipboard_copied": "Copied!", "clipboard_failed": "Failed to Copy", "expand_submenu": "Expand dropdown menu", "collapse_submenu": "Collapse dropdown menu", "dynamic_js_chunks": [ { "id": "blocksy_pro_micro_popups", "selector": ".ct-popup", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/static\/bundle\/micro-popups.js?ver=2.1.4" }, { "id": "blocksy_adv_cpt_filtering", "selector": ".ct-dynamic-filter a", "trigger": "click", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/post-types-extra\/static\/bundle\/filtering.js?ver=2.1.4" }, { "id": "blocksy_adv_cpt_filtering", "selector": ".ct-dynamic-filter, .ct-dynamic-filter + .entries", "trigger": "hover", "skipOnTouchDevices": true, "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/post-types-extra\/static\/bundle\/filtering.js?ver=2.1.4" }, { "id": "blocksy_adv_cpt_read_progress", "selector": ".ct-read-progress-bar", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/post-types-extra\/static\/bundle\/read-progress.js?ver=2.1.4" }, { "id": "blocksy_mega_menu", "selector": ".menu .ct-ajax-pending", "trigger": "slight-mousemove", "url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/mega-menu\/static\/bundle\/main.js?ver=2.1.4", "globa" } ] } ``` -------------------------------- ### Moment.js Locale Update for en_GB Source: https://ocasta.com/tools/training-observation-question-generator/ Updates the locale settings for the Moment.js library to 'en_GB'. This configures date and time formatting, including month names, weekdays, and start of the week. ```javascript moment.updateLocale( 'en_GB', {"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"week":{"dow":1},"longDateFormat":{"LT":"H:i","LTS":null,"L":null,"LL":"F j, Y","LLL":"j F Y H:i","LLLL":null}} ); ``` -------------------------------- ### Google Analytics Tracking Setup Source: https://ocasta.com/visits-ops-store-visits/ Configures Google Analytics tracking for the website. It initializes the dataLayer and sends initial configuration events, including the measurement ID. ```javascript window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-2Y4S4BDP30'); ``` -------------------------------- ### WordPress Preset Definitions Source: https://ocasta.com/platform/new-starter/ Configuration for WordPress block editor presets, including aspect ratios and color palettes. These settings define reusable styles and dimensions for content blocks. ```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--color--palette-color-1: var(--theme-palette-color-1, #ff5555); --wp--preset--color--palette-color-2: var(--theme-palette-color-2, #d54545); --wp--preset--color--palette-color-3: var(--theme-palette-color-3, #4c4c4c); --wp--preset--color--palette-color-4: var(--theme-palette-color-4, #4C4C4C); --wp--preset--color--palette-color-5: var(--theme-palette-color-5, #fafafa); --wp--preset--color--palette-color-6: var(--theme-palette-color-6, rgba(255, 85, 85, 0.1)); --wp--preset--color--palette-color-7: var(--theme-palette-color-7, #fafafa); --wp--preset--color--palette-color-8: var(--theme-palette-color-8, #ffffff); --wp--preset--color--palette-color-9: var(--theme-palette-color-9, #1B70AC); --wp--preset--color--palette-color-10: var(--theme-palette-color-10, #FFB048); --wp--preset--color--palette-color-11: var(--theme-palette-color-11, #5EBC2A); --wp--preset--color--palette-color-12: var(--theme-palette-color-12, #65498A); --wp--preset--color--palette-color-13: var(--theme-palette-color-13, #dcdcdc); --wp--preset--gradient--vivid-cyan-blue-to-vivid-pu ``` -------------------------------- ### Frontline App Styling Source: https://ocasta.com/platform/new-starter/ CSS styles used for structuring and styling the Frontline Pre & Onboarding App sections, including layout, responsiveness, and button appearance. ```css #gspb_row-id-gsbp-a7797b4{justify-content:space-between;display:flex;flex-wrap:wrap;margin:0 auto 10px;padding-bottom:20px;max-width:680px} #gspb_row-id-gsbp-a7797b4>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap} .gspb_row{position:relative} div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding,15px min(3vw,20px))} body.gspb-bodyfront #gspb_row-id-gsbp-a7797b4>.gspb_row__content{width:var(--theme-container-width,1200px);max-width:var(--theme-normal-container-max-width,1200px)} #gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:calc(50% - 5px)} @media (max-width:999.98px){#gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:calc(50% - 5px)}} @media (max-width:689.98px){#gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:calc(50% - 5px)}} @media (max-width:689.98px){#gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:100%}} #gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:calc(50% - 5px)} @media (max-width:999.98px){#gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:calc(50% - 5px)}} @media (max-width:689.98px){#gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:calc(50% - 5px)}} @media (max-width:689.98px){#gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:100%}} #gspb_button-id-gsbp-f960d71 .gspb-buttonbox-text{display:flex;flex-direction:column} #gspb_button-id-gsbp-f960d71>.gspb-buttonbox{box-sizing:border-box;margin-top:0;margin-bottom:0;background-color:var(--wp--preset--color--palette-color-8,var(--theme-palette-color-8,#ffffff));color:var(--wp--preset--color--palette-color-1,var(--theme-palette-color-1,#ff5555));border-style:solid;border-width:1px;border-color:var(--wp--preset--color--palette-color-1,var(--theme-palette-color-1,#ff5555))} #gspb_button-id-gsbp-f960d71>.gspb-buttonbox:hover{color:var(--wp--preset--color--palette-color-2,var(--theme-palette-color-2,#c24040))} #gspb_button-id-gsbp-3d42da1,#gspb_button-id-gsbp-f960d71{display:flex;justify-content:center} #gspb_button-id-gsbp-3d42da1 .gspb-buttonbox-text{display:flex;flex-direction:column} #gspb_button-id-gsbp-3d42da1>.gspb-buttonbox{box-sizing:border-box} ``` -------------------------------- ### Google Analytics Tracking Source: https://ocasta.com/tools/training-observation-question-generator/ This snippet configures Google Analytics by initializing the dataLayer and sending an event to track page views and configuration. ```javascript window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-2Y4S4BDP30'); ``` -------------------------------- ### Schema.org JSON-LD Data Source: https://ocasta.com/platform/new-starter/ Structured data markup using Schema.org vocabulary to define entities like Person, Organization, WebSite, ImageObject, BreadcrumbList, and WebPage. This helps search engines understand the content and context of the page. ```json { "@context": "https://schema.org", "@graph": [ { "@type": ["Person", "Organization"], "@id": "https://ocasta.com/#person", "name": "Ocasta", "logo": { "@type": "ImageObject", "@id": "https://ocasta.com/#logo", "url": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg", "contentUrl": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg", "caption": "Ocasta", "inLanguage": "en-GB" }, "image": { "@type": "ImageObject", "@id": "https://ocasta.com/#logo", "url": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg", "contentUrl": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg", "caption": "Ocasta", "inLanguage": "en-GB" } }, { "@type": "WebSite", "@id": "https://ocasta.com/#website", "url": "https://ocasta.com", "name": "Ocasta", "publisher": { "@id": "https://ocasta.com/#person" }, "inLanguage": "en-GB" }, { "@type": "ImageObject", "@id": "https://ocasta.com/wp-content/uploads/2025/05/planning-on-joining.png", "url": "https://ocasta.com/wp-content/uploads/2025/05/planning-on-joining.png", "width": "200", "height": "200", "inLanguage": "en-GB" }, { "@type": "BreadcrumbList", "@id": "https://ocasta.com/platform/new-starter/#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": "1", "item": { "@id": "https://ocasta.com", "name": "Home" } }, { "@type": "ListItem", "position": "2", "item": { "@id": "https://ocasta.com/platform/", "name": "Platform" } }, { "@type": "ListItem", "position": "3", "item": { "@id": "https://ocasta.com/platform/new-starter/", "name": "New starter" } } ] }, { "@type": "WebPage", "@id": "https://ocasta.com/platform/new-starter/#webpage", "url": "https://ocasta.com/platform/new-starter/", "name": "Simplify Onboarding with Our New Starter App", "datePublished": "2025-05-02T15:53:30+01:00", "dateModified": "2025-07-15T15:48:00+01:00", "isPartOf": { "@id": "https://ocasta.com/#website" }, "primaryImageOfPage": { "@id": "https://ocasta.com/wp-content/uploads/2025/05/planning-on-joining.png" }, "inLanguage": "en-GB", "breadcrumb": { "@id": "https://ocasta.com/platform/new-starter/#breadcrumb" } }, { "@type": "VideoObject", "name": "Simplify Onboarding with Our New Starter App", "description": "Reduce first-day no-shows and increase new hire engagement with our frontline pre & onboarding app.", "uploadDate": "2025-05-02T15:53:30+01:00", "contentUrl": "/wp-content/plugins/ocasta-feature-blocks/assets/videos/preboarding-hello-ben-shrink-mute.mp4", "isFamilyFriendly": "True", "@id": "https://ocasta.com/platform/new-starter/#schema-43881", "isPartOf": { "@id": "https://ocasta.com/platform/new-starter/#webpage" }, "publisher": { "@id": "https://ocasta.com/#person" }, "inLanguage": "en-GB", "mainEntityOfPage": { "@id": "https://ocasta.com/platform/new-starter/#webpage" } } ] } ```