{"version":3,"sources":["webpack:///./src/pages/blog/5-tips-to-create-best-ux-in-the-remote-work-culture.js","webpack:///./src/img/blog/formanalytics1.png","webpack:///./src/pages/blog/reasons-why-ux-should-be-a-priority-for-digital-marketers.js","webpack:///./src/img/blog/statistics.svg","webpack:///./src/img/blog/unnamed.png","webpack:///./src/pages/blog/winter-2019-livesession-named-a-g2-high-performer-again.js","webpack:///./src/img/blog/covers/remote-ux.png","webpack:///./src/img/blog/b2b-channels/image3.jpg","webpack:///./src/img/blog/5-ux-research-methods-for-the-remote-times/lsrecord.png","webpack:///./src/img/blog/top-tools/top-tools.png","webpack:///./src/img/blog/clickmap.png","webpack:///./src/img/ui/integration.png","webpack:///./src/img/blog/updates/inspect-mode-cover.png","webpack:///./src/img/blog/best-ux-practices-to-built-email-marketing-lists/heatmap.png","webpack:///./src/pages/blog/livesession-badge.js","webpack:///./node_modules/lodash/_baseSortBy.js","webpack:///./src/img/blog/click-tracking/filters.png","webpack:///./src/pages/blog/what-is-session-replay.js","webpack:///./src/pages/blog/filtering-updates.js","webpack:///./src/components/usability-testing/banner/styled.js","webpack:///./src/components/usability-testing/banner/index.js","webpack:///./src/img/blog/updates/masking_data.png","webpack:///./src/pages/blog/masking-sensitive-data.js","webpack:///./src/pages/blog/rest-api.js","webpack:///./src/img/blog/updates/custom_date.png","webpack:///./src/img/blog/intercomxls.png","webpack:///./src/pages/blog/4-ways-to-improve-ecommerce-ux-for-website-visitors.js","webpack:///./src/pages/blog/10-ui-tips-that-will-improve-your-ux-writing.js","webpack:///./src/img/help/segments-notifications/notifications2.png","webpack:///./src/img/blog/best-ux-practices-to-built-email-marketing-lists/mail.png","webpack:///./src/pages/blog/6-marketing-strategies-that-will-increase-your-conversions.js","webpack:///./src/img/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website/swag.png","webpack:///./src/img/blog/updates/dashboard_segmenetation.png","webpack:///./src/pages/blog/tips-to-improve-sign-up-forms-with-examples.js","webpack:///./src/img/blog/awards_2.png","webpack:///./src/pages/blog/new-filters-released.js","webpack:///./src/img/blog/user-frustration/image2.jpg","webpack:///./src/img/blog/img12.jpg","webpack:///./src/img/blog/updates/dashboard_traffic.png","webpack:///./src/pages/blog/boost-websites-conversion-with-ux-improvements.js","webpack:///./src/img/blog/session-replay-art/what-is-a-session-replay.png","webpack:///./src/pages/blog/integration-with-livechat.js","webpack:///./src/img/blog/covers/form-analytics.png","webpack:///./src/img/blog/updates/profile-page-fn.png","webpack:///./src/img/blog/rocketlinkint.png","webpack:///./src/pages/blog/top-users-in-segment.js","webpack:///./src/img/blog/user-frustration/image1.jpg","webpack:///./src/img/blog/covers/cover-old-content.png","webpack:///./src/img/blog/badgeimg.png","webpack:///./src/pages/blog/your-profile-page.js","webpack:///./src/img/blog/error-rage-clicks/error-clicks-occur.png","webpack:///./src/img/blog/updates/new_session_list.png","webpack:///./src/pages/blog/website-settings.js","webpack:///./src/img/blog/badgebackground.png","webpack:///./src/pages/blog/clicks-rage-clicks-and-error-clicks-on-dashboard.js","webpack:///./src/img/blog/session-replay-art/debug-commitstrip.jpg","webpack:///./src/img/blog/sessiontool.png","webpack:///./src/img/blog/session-replay-art/user-flow.png","webpack:///./src/img/blog/updates/csv.png","webpack:///./src/pages/blog/click-tracking-on-your-website-all-you-need-to-know.js","webpack:///./src/pages/blog/mobile-actions-support.js","webpack:///./src/img/blog/trackingcustomerbehavior.png","webpack:///./src/img/blog/10-ux-tricks-to-improve-student-experience/1-grammarly.png","webpack:///./src/img/blog/updates/top_users_count.png","webpack:///./src/img/blog/website-speed/pagespeed-insights.png","webpack:///./src/pages/blog/funnels.js","webpack:///./src/img/blog/improve-ecommerce/CTA.png","webpack:///./src/img/blog/lsreactang.png","webpack:///./node_modules/lodash/_isFlattenable.js","webpack:///./src/img/livesessionApp/set_filters.png","webpack:///./src/img/blog/lsAppDashboard.png","webpack:///./src/img/blog/wrapel1.png","webpack:///./src/img/blog/boost-websites-conversion/1.png","webpack:///./src/pages/blog/advanced-session-sharing.js","webpack:///./src/img/blog/updates/profile-page.png","webpack:///./src/pages/blog/how-to-use-the-owned-channels-to-generate-b2b-leads-and-boost-sales.js","webpack:///./src/img/blog/click-tracking/click-tracking.png","webpack:///./src/pages/blog/new-retention-options.js","webpack:///./src/img/blog/updates/Recording_rules.png","webpack:///./src/img/blog/updates/new_session_list_preview.png","webpack:///./src/img/blog/b2b-channels/image1.jpg","webpack:///./src/pages/blog/top-6-tools-for-improving-conversion-in-saas.js","webpack:///./src/pages/blog/user-details.js","webpack:///./src/img/blog/boost-websites-conversion/forms.png","webpack:///./src/img/blog/team.png","webpack:///./src/img/blog/new-filters-cover.png","webpack:///./src/pages/blog/custom-events.js","webpack:///./src/img/blog/customer-service.jpg","webpack:///./src/img/blog/updates/movement_trace.png","webpack:///./src/img/blog/covers/ab-test.png","webpack:///./src/img/blog/updates/localization.png","webpack:///./src/img/blog/updates/segemnts_options.png","webpack:///./src/pages/blog/keyboard-shortcuts.js","webpack:///./src/components/ui/video-modal.js","webpack:///./src/img/blog/low-conversation-rate.png","webpack:///./src/pages/blog/new-system-filters.js","webpack:///./src/img/blog/new-session-filters.png","webpack:///./src/components/ui/image-modal.js","webpack:///./src/img/blog/user-frustration/image3.jpg","webpack:///./src/img/blog/error-rage-clicks/dropdown-menu.png","webpack:///./src/img/blog/img1.jpg","webpack:///./src/img/blog/updates/users.png","webpack:///./src/img/blog/unnamed-5-.png","webpack:///./node_modules/lodash/_compareMultiple.js","webpack:///./src/img/blog/updates/mobile_touches.png","webpack:///./src/img/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website/brazil.png","webpack:///./src/img/blog/10-ui-tips-that-will-improve-your-ux-writing/cover.png","webpack:///./src/img/blog/livechat-integration/2.png","webpack:///./src/img/help/rest-api/rest-api1.png","webpack:///./src/img/blog/10-ux-tricks-to-improve-student-experience/4-mozilla-geo-api.png","webpack:///./src/pages/blog/5-easy-ways-to-increase-landing-page.js","webpack:///./src/img/blog/click-tracking/opened-clicks.png","webpack:///./src/img/blog/notifications.svg","webpack:///./src/pages/blog/10-ways-to-increase-urgency-in-your-online-sales.js","webpack:///./src/pages/blog/form-analytics.js","webpack:///./src/pages/blog/more-accurate-location-of-the-user.js","webpack:///./src/pages/blog/how-to-bring-old-content-back-to-life-and-discover-new-levels-of-engagement.js","webpack:///./src/img/blog/error-rage-clicks/shorter-way.jpg","webpack:///./src/img/blog/user-journey/img2.png","webpack:///./src/img/blog/10-ui-tips-that-will-improve-your-ux-writing/image2.png","webpack:///./src/img/blog/screely-1579465559231.png","webpack:///./src/pages/blog/livesession-named-a-high-performer-in-session-replays-for-fall-2019-by-g2-crowd.js","webpack:///./src/img/blog/unnamed-6-.png","webpack:///./src/video/updates/tags_1.webm","webpack:///./src/img/blog/covers/segment-notifications.png","webpack:///./src/pages/blog/substring-filter.js","webpack:///./src/img/blog/6-marketing-strategies-that-will-increase-your-conversions/simplymoneylyfe.png","webpack:///./src/pages/blog/livesession-wins-premium-usability-honor.js","webpack:///./src/pages/blog/segments-summary-email.js","webpack:///./src/img/blog/10-ux-tricks-to-improve-student-experience/8-cta.png","webpack:///./src/img/blog/start-playback.png","webpack:///./src/pages/blog/livesession-2019-summary.js","webpack:///./src/img/blog/play-next.png","webpack:///./src/img/blog/6-marketing-strategies-that-will-increase-your-conversions/superoffice.png","webpack:///./src/pages/blog/zendesk.js","webpack:///./src/img/blog/like-a-pro.jpg","webpack:///./src/pages/blog/website-speed.js","webpack:///./src/pages/blog/dashboard-filtering-and-segmentation.js","webpack:///./src/img/blog/duplicate-filters.png","webpack:///./src/img/blog/boost-websites-conversion/ga.png","webpack:///./src/img/blog/screely-1579457606861.png","webpack:///./src/img/blog/g2-high-performer.png","webpack:///./src/img/blog/covers/student-exeperience.png","webpack:///./src/img/blog/autocomplete-filters.png","webpack:///./src/img/blog/unnamed-4-.png","webpack:///./src/video/updates/clicks-localisation-csv-feature-news.webm","webpack:///./src/img/blog/userexp.png","webpack:///./src/img/help/segments-notifications/notifications3.png","webpack:///./src/img/blog/updates/new_filters_art.png","webpack:///./src/img/blog/covers/email_marketing.png","webpack:///./src/pages/blog/best-ux-practices-to-built-email-marketing-lists.js","webpack:///./src/img/blog/create-segment.png","webpack:///./src/img/blog/boost-websites-conversion/loadtime.jpg","webpack:///./src/img/blog/5-ux-research-methods-for-the-remote-times/nps.png","webpack:///./src/pages/blog/not-all-traffic-is-created-equally.js","webpack:///./src/img/blog/formanalytics2.png","webpack:///./src/img/blog/website-speed/image-scale.png","webpack:///./src/pages/blog/recording-rules.js","webpack:///./src/img/blog/covers/cover-not-all-traffic.png","webpack:///./src/img/blog/clickmaps2.png","webpack:///./src/img/blog/10-ui-tips-that-will-improve-your-ux-writing/image1.jpg","webpack:///./src/img/blog/abtests.png","webpack:///./src/img/blog/error-rage-clicks/bg.png","webpack:///./src/img/blog/engagement.png","webpack:///./src/img/blog/updates/top_users_art.png","webpack:///./src/img/blog/covers/sessionRecordings.png","webpack:///./src/pages/blog/how-to-use-session-recordings-to-grow-your-saas.js","webpack:///./src/img/blog/updates/substring_filters.png","webpack:///./src/img/blog/updates/dashboard_technology.png","webpack:///./src/pages/blog/tips-for-new-product-managers-with-expert-quotes.js","webpack:///./node_modules/lodash/_baseFlatten.js","webpack:///./src/img/blog/updates/new_player.png","webpack:///./src/video/webapp.mp4","webpack:///./src/img/blog/covers/share-session-cover.png","webpack:///./src/pages/blog/tag-session-to-find-them-easily.js","webpack:///./src/pages/blog/the-importance-of-customer-service.js","webpack:///./src/img/blog/click-tracking/rage-clicks.png","webpack:///./src/img/blog/click-tracking/install-livesession.png","webpack:///./src/img/featurePhotos/toplistphoto.svg","webpack:///./src/img/blog/signup-improve.png","webpack:///./src/img/blog/lsAppFilters.png","webpack:///./src/img/blog/g2-winter-performer.png","webpack:///./src/pages/blog/engagement-score.js","webpack:///./node_modules/lodash/_baseOrderBy.js","webpack:///./src/img/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website/summary.png","webpack:///./src/img/blog/img13.jpg","webpack:///./src/img/blog/user-frustration/frustration.png","webpack:///./src/img/blog/covers/rest-api.png","webpack:///./src/img/blog/tips-for-pm.png","webpack:///./src/img/blog/6-marketing-strategies-that-will-increase-your-conversions/form.png","webpack:///./src/img/blog/updates/tags.png","webpack:///./src/img/blog/covers/boost_conversions_tactics.png","webpack:///./src/pages/blog/more-date-filtering-options.js","webpack:///./src/img/blog/5-ways-to-increase/increase-conversion.png","webpack:///./src/pages/blog/livesession-sdk.js","webpack:///./src/img/blog/fallingperson.png","webpack:///./src/img/blog/updates/new_filters.png","webpack:///./src/img/blog/intercom_integration.webm","webpack:///./src/img/blog/error-rage-clicks/example-from-our-blog.png","webpack:///./src/pages/blog/intercom-integration.js","webpack:///./src/pages/blog/user-roles.js","webpack:///./src/img/blog/other/financesonline.png","webpack:///./src/img/blog/boost-websites-conversion/content.png","webpack:///./src/img/blog/improve-ecommerce/mobile-first.png","webpack:///./src/img/blog/hate-website/cover-hate.png","webpack:///./src/img/blog/covers/zendesk.png","webpack:///./src/img/marketplace/covers/defaultCoverIntegrations.png","webpack:///./src/video/webapp.webm","webpack:///./src/img/blog/10-ux-tricks-to-improve-student-experience/3-brainly-design-system-watch-your-competition.png","webpack:///./src/img/blog/6-marketing-strategies-that-will-increase-your-conversions/frevvo.png","webpack:///./src/img/help/segments-notifications/notifications1.png","webpack:///./src/img/blog/livesession-summary.png","webpack:///./src/pages/blog/mouse-movement-trace.js","webpack:///./src/img/blog/updates/key_shortcuts.png","webpack:///./src/img/blog/autoplay.png","webpack:///./src/img/blog/high-performer/high-performer-g2.png","webpack:///./src/video/updates/Recording_rules_1.webm","webpack:///./src/img/blog/covers/marketing_strategies.png","webpack:///./src/pages/blog/clickmaps.js","webpack:///./src/video/updates/inspect-mode-feature-news.webm","webpack:///./src/img/blog/updates/filters_redesign_2.png","webpack:///./src/img/blog/website-speed/stats.png","webpack:///./src/img/blog/custom-events/custom-events1.png","webpack:///./src/img/blog/10-ui-tips-that-will-improve-your-ux-writing/image3.png","webpack:///./src/pages/blog/low-conversion-rate.js","webpack:///./src/img/blog/5-ux-research-methods-for-the-remote-times/moscow.png","webpack:///./src/img/blog/website-speed/wp.png","webpack:///./src/img/blog/best-ux-practices-to-built-email-marketing-lists/kamilemail.png","webpack:///./src/img/blog/inspect_mode_gif.webm","webpack:///./src/img/blog/updates/website_options.png","webpack:///./src/img/blog/uxanddigitalexperience.png","webpack:///./src/pages/blog/session-player-layout-update.js","webpack:///./src/img/blog/livechat-integration/1.png","webpack:///./src/img/blog/user-journey/cover.png","webpack:///./src/img/blog/userrolesimage.png","webpack:///./src/img/blog/updates/clicks.png","webpack:///./src/pages/blog/user-journey.js","webpack:///./src/img/blog/user-journey/img1.png","webpack:///./src/img/blog/5-tips-best-ux/aha-moment.png","webpack:///./src/img/blog/user-frustration/image4.jpg","webpack:///./src/img/blog/unnamed-1-.png","webpack:///./src/img/blog/best-ux-practices-to-built-email-marketing-lists/blog.png","webpack:///./src/img/blog/covers/funnels.png","webpack:///./src/img/blog/updates/new_retention_options.png","webpack:///./src/img/blog/not-all-traffic-is-created-equally/analysis.png","webpack:///./src/pages/blog/tracking-customer-behavior.js","webpack:///./src/img/blog/updates/engagement-score-screen.png","webpack:///./src/img/blog/unnamed-2-.png","webpack:///./src/img/blog/appdashboard.png","webpack:///./src/video/updates/tags_2.webm","webpack:///./src/img/blog/covers/increase-urgency.png","webpack:///./src/pages/blog/why-do-people-hate-your-website.js","webpack:///./src/pages/blog/optimize-your-website-like-a-pro.js","webpack:///./src/img/blog/b2bcustomers.png","webpack:///./src/img/blog/boost-websites-conversion/ab.png","webpack:///./src/pages/blog/filters-redesign.js","webpack:///./src/pages/blog/5-tips-for-better-a-b-tests.js","webpack:///./src/data/posts/index.js","webpack:///./src/img/blog/10-ui-tips-that-will-improve-your-ux-writing/image4.png","webpack:///./src/pages/blog/autoplay.js","webpack:///./src/img/blog/10-ux-tricks-to-improve-student-experience/2-google-basics-of-ux.png","webpack:///./src/img/blog/unnamed-3-.png","webpack:///./src/video/updates/csv-video.webm","webpack:///./src/img/blog/error-rage-clicks/dropdown-menu-type-of-error-2.png","webpack:///./src/img/blog/b2b-channels/image2.jpg","webpack:///./src/img/livesessionApp/webapp_preview.png","webpack:///./src/img/blog/covers/boost-conversion.png","webpack:///./src/img/blog/custom-events/custom-events2.png","webpack:///./src/img/livesessionApp/rageclicks.png","webpack:///./src/video/updates/Recording_rules_2.webm","webpack:///./src/pages/blog/team-management.js","webpack:///./src/pages/blog/error-rage-clicks.js","webpack:///./src/pages/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website.js","webpack:///./src/pages/blog/inspect-mode.js","webpack:///./src/img/blog/5-ux-research-methods-for-the-remote-times/cover.png","webpack:///./src/img/blog/intercomimg.png","webpack:///./src/img/blog/5-tips-best-ux/workshop.png","webpack:///./src/img/blog/best-ux-practices-to-built-email-marketing-lists/landingi.png","webpack:///./src/img/blog/website-speed/traffic.jpg","webpack:///./src/img/blog/updates/filters_redesign.png","webpack:///./src/img/blog/error-rage-clicks/dropdown-menu-type-of-error-1.png","webpack:///./src/img/blog/increase-urgency/limited-time-sale.png","webpack:///./src/img/blog/6-marketing-strategies-that-will-increase-your-conversions/moz.png","webpack:///./src/img/blog/postbetterux.png","webpack:///./src/img/blog/covers/website-speed.png","webpack:///./src/img/blog/covers/ux-digital-marketers.png","webpack:///./src/img/blog/clickmaps1.png","webpack:///./src/pages/blog/segment-sharing.js","webpack:///./src/pages/blog/5-ux-research-methods-for-the-remote-times.js","webpack:///./src/img/blog/best-ux-practices-to-built-email-marketing-lists/popup.png","webpack:///./src/pages/blog/user-frustration.js","webpack:///./src/video/updates/localization-feature-news.webm","webpack:///./src/img/blog/user-roles.png","webpack:///./src/img/blog/tipsmanagers.png","webpack:///./src/img/blog/updates/engagement-score.png","webpack:///./src/img/blog/custom-events/custom-events3.png","webpack:///./src/pages/blog/export-to-csv-your-top-lists.js","webpack:///./src/img/blog/not-all-traffic-is-created-equally/utm.png","webpack:///./src/img/blog/updates/user_details.png","webpack:///./node_modules/lodash/sortBy.js","webpack:///./src/img/blog/5-tips-best-ux/tools.png","webpack:///./src/img/blog/livechat-integration/cover.png","webpack:///./src/img/blog/click-tracking/tap-tracking.png","webpack:///./src/img/blog/6-marketing-strategies-that-will-increase-your-conversions/converse.png","webpack:///./node_modules/lodash/_compareAscending.js","webpack:///./src/img/blog/covers/ecommerce-ux.png","webpack:///./src/pages/blog/10-ux-tricks-to-improve-student-experience.js","webpack:///./src/img/help/how-do-the-funnels-work/funnels1.png","webpack:///./src/img/blog/share-session.png"],"names":["Wrapped","BlogArticle","href","target","rel","src","img1","className","alt","loading","title","img2","img3","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","module","exports","array","comparer","length","sort","value","Container","styled","div","userResearch","style","width","display","flexDirection","alignItems","debug","fontSize","color","margin","rageClicks","filters","border","borderRadius","boxShadow","cover","imgStyle","borderBottom","descriptionSocial","id","Banner","media","mobile","desc","signUp","secondary","center","sourceID","defaultProps","undefined","banner","useSourceParams","link","img4","img5","img6","img7","img8","img9","img10","newFilters","to","topUsersCount","topUsers","lazy","VideoContainer","webm","video1","Symbol","isArguments","isArray","spreadableSymbol","isConcatSpreadable","image1","image2","Box","Close","span","VideoWrapped","Video","VideoModal","props","escFunction","event","showModal","state","keyCode","closeModal","setState","openModal","window","innerWidth","componentDidMount","document","addEventListener","this","componentWillUnmount","removeEventListener","render","videoStyle","videoModalStyle","modal","onClick","height","autoPlay","muted","loop","type","React","Component","ImageWrapped","Image","ImageModal","imgModalStyle","compareAscending","object","other","orders","index","objCriteria","criteria","othCriteria","ordersLength","result","role","aria-label","cta","finanacesReward","srcSet","video","img11","img12","video2","img13","image","metaTitle","bannerLink","bannerCenter","btn","arrayPush","isFlattenable","baseFlatten","depth","predicate","isStrict","arrayMap","baseGet","baseIteratee","baseMap","baseSortBy","baseUnary","compareMultiple","identity","collection","iteratees","iteratee","key","imgNewList","imgNewPlayer","dashboardTraffic","dashboardTechnology","poster","videoPreview","controls","imgPreview","posts","sortBy","meta1","meta2","meta3","meta4","meta5","meta6","meta7","meta8","meta9","meta10","meta11","meta12","meta13","meta14","meta15","meta16","meta17","meta18","meta19","meta20","meta21","meta22","meta23","meta24","meta25","meta27","meta28","meta29","meta30","meta31","meta32","meta33","meta34","meta35","meta36","meta37","meta38","meta39","meta40","meta41","meta42","meta43","meta44","meta45","meta46","meta47","meta48","meta49","meta50","meta51","meta52","meta53","meta54","meta55","meta56","meta57","meta58","meta59","meta60","meta61","meta62","meta63","meta64","meta65","meta66","meta67","meta68","meta69","meta70","meta71","meta72","meta73","meta74","meta75","meta76","meta77","meta78","meta79","meta80","meta81","meta82","meta83","meta84","meta85","meta86","meta87","meta88","meta89","a","Date","img21","img22","topListPhoto","baseOrderBy","baseRest","isIterateeCall","isSymbol","valIsDefined","valIsNull","valIsReflexive","valIsSymbol","othIsDefined","othIsNull","othIsReflexive","othIsSymbol"],"mappings":"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cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cAEAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,cACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,eACAC,iBAEF,SAACC,GAAD,OAAQ,IAAIC,KAAKD,EAAE1P,U,qBCzLrBK,EAAOC,QAAU,IAA0B,sD,kCCA3C,qIAmCMzB,EAAUC,aA5BA,WACd,OACE,kBAAC,IAAD,KACE,4FACgE,4CADhE,oBAIA,2LAE0E,IACxE,gFAHF,KAKA,wCACa,IACX,uBAAGC,KAAK,0CAA0CC,OAAO,SAASC,IAAI,uBAAtE,0BAEK,IAJP,wBAOA,0JAEmC,IACjC,uBAAGF,KAAK,+BAAR,6BAQKW,EAAc,CACzBH,MAAO,WACPI,IAAK,kBACLC,YAAa,kDACbC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,MAAO,WAGM,4BACb,kBAACrB,EAAD,CACEU,MAAOG,EAAYH,MACnBU,SAAUP,EAAYO,SACtBL,YAAaF,EAAYE,YACzBI,KAAMN,EAAYM,KAClBH,OAAQH,EAAYG,OACpBF,IAAKD,EAAYC,IACjBG,IAAKJ,EAAYI,IACjBC,UAAWK,wBAA0BV,EAAYI,IACjDI,MAAOR,EAAYQ,MACnBC,WAAYT,EAAYS,e,qBC5D5BE,EAAOC,QAAU,IAA0B,qE,qBCA3CD,EAAOC,QAAU,IAA0B,0D,qBCA3CD,EAAOC,QAAU,IAA0B,0D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","file":"0c87b27fd85412f9b89e44cb121bf5cda13421f8-35ef8069b12e8af5d83e.js","sourcesContent":["import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorRevanth as author } from 'data/authors';\nimport img from 'img/blog/covers/remote-ux.png';\nimport img1 from 'img/blog/5-tips-best-ux/aha-moment.png';\nimport img2 from 'img/blog/5-tips-best-ux/workshop.png';\nimport img3 from 'img/blog/5-tips-best-ux/tools.png';\nimport { Post } from 'components/blog/content/styled';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Living in the fast-changing world, the COVID-19 pandemic has added many changes in the\n        business world. Many companies have shifted their focus to work from home (the new normal),\n        which has its own merits and demerits.{' '}\n      </p>\n\n      <p>\n        User Onboarding & training, providing the best end-user experience, ensuring user\n        productivity are common challenges that many companies are facing right now. Remote working\n        can be very effective if you can engage and provide an effective end-user experience.\n      </p>\n      <p>\n        End-user experience is about the feelings and observations a user has while using your\n        product. User Experience (UX) is all about how a user interacts with your product or\n        application & what experiences they take. In other words, UX evolves from the end-users\n        perceptions as they interact with your product to perform a specific task. Interesting\n        research by{' '}\n        <a\n          href=\"https://www.forrester.com/report/The+Six+Steps+For+Justifying+Better+UX/-/E-RES117708\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          forrester\n        </a>{' '}\n        says that every{' '}\n        <strong>\n          <i>1 dollar invested in UX results in a return of 100 dollars</i>\n        </strong>\n        .\n      </p>\n\n      <p>\n        Things like How pleasing your product is, how the information is being delivered, how\n        structured your user onboarding is, what kind of user engagement techniques you have and how\n        easy to perform a task, all these will determine your end-user experience and engagement.\n        Since the users are working remotely, companies must-have ideas to deliver the best UX.{' '}\n      </p>\n\n      <p>\n        Following are the effective tips that you can follow to provide the best remote end-user\n        experience:\n      </p>\n      <ol>\n        <li>Build trust and get the user’s heart</li>\n        <li>Provide the Aha! moment </li>\n        <li>Schedule and organize workshops</li>\n        <li>Have metrics to measure your success</li>\n        <li>Leverage the right tool</li>\n      </ol>\n\n      <h2>Build trust and get the user’s heart</h2>\n\n      <p>\n        In remote work culture, building the end-user relationship is highly important. Bonding with\n        End-user will increase trust and improve their engagement level which in-turn increases\n        productivity. Since the team is geographically dispersed, it is important for companies to\n        find innovative ways to stay engaged. The remote workforce mostly gets on a call to discuss\n        tasks and projects but building relationship activities are often left behind.\n      </p>\n      <p>\n        End-users often feel they are left alone. This affects your end-user experience and{' '}\n        <a\n          href=\"https://digitalnovas.com/time-management-hacks/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          remote team productivity\n        </a>\n        . Companies must bring-in some innovative ideas (especially HR’s, Managers, Team Leaders) to\n        keep your remote team engaged and stay on track.\n      </p>\n      <p>\n        <i>What should be done?</i>\n      </p>\n      <p>Few things that will ensure trust and relationship between you and remote user: </p>\n\n      <h3>Accountability</h3>\n      <p>\n        Under your end-users capability and assign the tasks. Make sure your under-performing users\n        get proper coaching to bring them back on track. Loads must be distributed equally, and the\n        task owner must be accountable for the completion of his/her tasks.\n      </p>\n\n      <h3>Transparency</h3>\n      <p>\n        Transparency is a must. Especially, in remote working users are wired to trust others. Users\n        must be transparent and loyal, as there is no one behind them to watch what they are doing.\n        Being transparent ensures trust and helps in team productivity.\n      </p>\n      <h3>Fun activities</h3>\n      <p>\n        To keep your workforce stress-free and engaged, you should encourage having some fun\n        sessions or activities. For example, you can have a meeting where everyone shares what they\n        do in their free time, weekend plans, or favorite recipes. This\n        <a\n          href=\"https://monday.com/blog/teamwork/the-ultimate-guide-to-team-collaboration-software/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          enriches team collaboration\n        </a>\n        .{' '}\n      </p>\n\n      <img\n        src={img1}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"Aha! moment\"\n        loading=\"lazy\"\n        title=\"Provide the Aha! moment\"\n      />\n\n      <h2>Provide the Aha! moment </h2>\n\n      <p>\n        User onboarding plays a vital role in user experience and user retention. Your user\n        onboarding flow is a significant aspect of your enterprise product. User onboarding flow is\n        the first interaction that any end-user will have with your product. You must deliver the\n        best end-user experience else your new users will end up in churn. To create an effective\n        conversion funnel, have a killer end-user onboarding experience.\n      </p>\n      <p>\n        The Aha moment is the point where your end-user accomplishes the core functionality of your\n        product and understands how it works. The ultimate aim is to make your end-users realize the\n        Aha moment as quickly as possible.\n      </p>\n\n      <p>\n        <i>What should be done?</i>\n      </p>\n\n      <h3>Learn from churned users</h3>\n      <p>\n        Finding out the reason why a user left, will help to understand what a new user will be\n        looking for and where are the possible places for UX friction to occur. Further analyzing it\n        will help you to have an effective{' '}\n        <a\n          href=\"/user-experience/user-experience-design/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          UX design\n        </a>{' '}\n        and minimize churn.\n      </p>\n      <h3>Segment your new users</h3>\n      <p>\n        Not every user is the same. Segmenting and targeting users will increase the chance of\n        realizing the aha moment. Segment your users based on their preferences and try providing a\n        personalized user onboarding experience for better outcomes.\n      </p>\n      <h3>Use Analytics for improvement</h3>\n      <p>\n        Analytics allows you to get clear insights on your end-users aha moment. For example, where\n        did many users get stuck, and which task took much time to complete. Try and identify a\n        certain pattern to get the best from your analytics.\n      </p>\n      <img\n        src={img2}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"workshops\"\n        loading=\"lazy\"\n        title=\"Schedule and organize workshops\"\n      />\n      <h2>Schedule and organize workshops</h2>\n      <p>\n        Due to the current pandemic, not only your end-users are working from home but also your\n        client base. To ensure business continuity and growth, organize workshops with both your\n        end-users and clients. This can help your end-users and clients to adapt to the new normal\n        and boosts your remote workforce to deliver the best work they possibly can.\n      </p>\n      <p>\n        You must clearly define the goals and expectations of the workshop to keep all your remote\n        working end-users on track and to provide a better end-user experience. To utilize the\n        workshop effectively, think about what kind of activities can be done, how to engage all\n        participants well before the workshop.{' '}\n      </p>\n      <p>\n        <i>What should be done?</i>\n      </p>\n      <h3>Ensure the comfortability of participants </h3>\n      <p>\n        Everyone might not be comfortable with the tools that you use for the workshop. To avoid\n        such cases, give your participants homework to access the tool in advance and ensure they\n        are very much comfortable and interested to attend the workshop.\n      </p>\n      <h3>Engage all participants</h3>\n      <p>\n        The primary focus of workshops is to build interaction, which is challenging. Ensure the\n        presence of all remote workers and provide a chance for every individual to speak. Try\n        addressing the participants who are less vocal and make them feel comfortable.\n      </p>\n      <h3>Always have a plan B</h3>\n      <p>\n        Though you planned everything in detail, sometimes things might not go as you have planned.\n        What if the technology fails, or participants are not willing to join, or activities are\n        boring, and so on. Therefore, it is good to have a plan B.\n      </p>\n      <h2>Have metrics to measure your success</h2>\n      <p>\n        Metrics must be there to ensure what is happening and how things can be improved. User\n        performance metrics are the key to monitor how well your end-users are performing. Different\n        performance metrics like work quality & quantity metrics, efficiency metrics, and\n        organizational performance metrics. Various factors fall under each metric and each should\n        be taken care of.\n      </p>\n      <p>\n        Based on your industry, performance metrics vary. Many companies ask managers, HR’s, and\n        leaders to have a birds-eye view on framing the evaluation metrics.{' '}\n      </p>\n      <p>\n        <i>What should be done?</i>\n      </p>\n      <h3>Set suitable deadlines</h3>\n      <p>\n        Set a timeframe for every task your end-user performs. It is highly essential to keep your\n        remote workforce stay productive and keep your business running. Deadlines not only help\n        your remote working team to complete the tasks on time but also keep them engaged.\n      </p>\n      <h3>Be Results-Oriented</h3>\n      <p>\n        Longer-working user is not necessarily the most productive ones. Some users might sit in\n        front of a computer for 7-8 hours and do nothing, while another user can breeze through\n        his/her tasks in a couple of hours. Focus on results, not the time being spent on the\n        application.\n      </p>\n      <h3>Outcome-based evaluation</h3>\n      <p>\n        Evaluate your end-user performance based on the outcome. Set measurable & achievable\n        benchmarks so that you get the desired outcomes. It is best to let your users know what you\n        expect from them, which pushes them towards the final goal.\n      </p>\n      <img\n        src={img3}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"tools\"\n        loading=\"lazy\"\n        title=\"Leverage the right tool\"\n      />\n      <h2>Leverage the right tool</h2>\n      <p>\n        Remote work demands leveraging many tools for onboarding, training, performance measuring,\n        and more. Also, it is significant to have the right tools to collaborate and communicate\n        with a remote working team. Select tools that provide a smooth end-user experience and make\n        them productive right from day 1.{' '}\n        <a\n          href=\"https://www.apty.io/best-digital-adoption-platform?utm_source=organic&utm_medium=guest_blog&utm_campaign=livesession\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Digital Adoption Platform\n        </a>{' '}\n        is one versatile tool that helps to address all the above-sited challenges. Leverage the\n        right tools to provide the best end-user experience for your remote users. Right people\n        combined with the right tools ensures high productivity and faster Return on Investment\n        (RoI).\n      </p>\n\n      <p>\n        <i>What should be done?</i>\n      </p>\n      <h3>In-app learning</h3>\n      <p>\n        Tools with in-application learning allow your end-users to learn within your product itself\n        rather than leaving the application. This makes them learn by doing it action and not by\n        watching hours of training videos or lectures.{' '}\n      </p>\n      <h3>Support your users technology needs</h3>\n      <p>\n        Understand the pain points of end-users and provide the right tool to address the challenge.\n        End-user satisfaction is highly important, provide the right technology that satisfies their\n        needs and wants.\n      </p>\n      <h3>Deploy and Manage Technology</h3>\n      <p>\n        Implementing a tool is important but managing the same plays an equal role significantly.\n        Collect end-user feedback and do the necessary improvements in the tool. Provide a\n        customized feeling and a personal touch to your remote workforce with the right tool.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '5 tips to create the best UX in the remote work culture',\n  url: '/blog/5-tips-to-create-best-ux-in-the-remote-work-culture/',\n  description: `COVID-19 pandemic has added many changes in the business world. Many companies have shifted their focus to work from home. Learn how to create the best UX in remote work culture.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-01-20',\n  category: '',\n  group: 'Design',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/formanalytics1-2e9b9d4647a793215850cb2713ab1eb4.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorMarie as author } from 'data/authors';\nimport img from 'img/blog/covers/ux-digital-marketers.png';\n\nimport img1 from 'img/blog/uxanddigitalexperience.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Every part of marketing is tightly dependent upon how engaged the target audience is. In\n        every marketing avenue, there is no such thing as “user depreciation”. More so in digital\n        marketing. Digital Marketing may seem like a completely different beast when it comes to\n        comparing it to usual market practices since most of the methods of digital marketing can\n        not be respectively applied to other marketing departments and vice versa.\n      </p>\n      <h2>Digital Marketing and Why It Is So Important</h2>\n      <p>\n        The most marked element of digital marketing is engagement and user facilitation. It is more\n        important for marketers that find themselves in digital entourage to consistently and\n        constantly overhaul and revamp their strategy to properly tune it to a never-ending change\n        of pace and setting of a digital image. Therefore, many digital marketers find themselves in\n        a hamster wheel of perpetual need to cater to their whimsical “digital audience”.\n      </p>\n      <p>\n        Although, all in all, it’s not a bad thing. Since making revisions and amendments, fiddling\n        with different strategies, and honing already established approaches is what defines a\n        healthy marketing strategy from the stale and crusty rind of an unsuccessful marketing\n        breadwinning.\n      </p>\n      <p>Now, let’s take a deeper dive into what digital marketing is bringing to the table.</p>\n      <ul>\n        <li>\n          The most noticeable differentiating factor of digital marketing is the sheer scale of its\n          expanse. As internet access has become more of a necessity rather than a rarity, digital\n          marketing began its thriving stride. With that big influx of people getting access to the\n          World Wide Web, clever marketers devised a way to capitalize on this unyieldingly growing\n          trend. This is how the internet medium has become the sole differentiating factor in brand\n          success and awareness.\n        </li>\n        <li>\n          Advertising your product through the internet medium is not only expansive and wide in its\n          nature, it also can be subjected to a required tweak or complete overhaul in just a\n          handful of clicks. The beauty of digital marketing is its scalability and flexibility.\n          Remember the old, dusty, and sepia-washed past of making ads in barbaric ways. Setting up\n          negotiations, ponying up for not immediately noticeable things, scraping off old and\n          plastering down new posters, initiating a fist-fight for billboard spots - the list goes\n          on and on. The convenience of doing advertising and marketing business through digital\n          means is one of those irrefutably indispensable factors of sensible business conduct.\n        </li>\n        <li>\n          Finally, the availability of digital marketing is hard to underestimate. There are a\n          myriad of options and ways to explore and all of them are in immediate proximity. Digital\n          Marketing almost completely eliminates the need to be physically present to set up a\n          marketing campaign. You are free to choose whatever funnel of action you are ready to\n          bobsleigh into. Social media marketing,{' '}\n          <a\n            href=\"https://www.seotagg.com/blog/content-marketing-guide-strategy-examples-what-is/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            content marketing\n          </a>\n          , email marketing, affiliate marketing, and many more. Combining and diversifying various\n          marketing outputs in a digital medium is not something to disregard.\n        </li>\n      </ul>\n      <p>\n        Today we can see with our own eyes how marketing starts to rapidly mold into only digital\n        output. Many companies become increasingly reluctant to do any unnecessary marketing move\n        and, instead, recourse most of their “power” into digital marketing.{' '}\n      </p>\n      <h2>UX As A Way To A Successful Business Conduct</h2>\n      <p>\n        {' '}\n        We have examined the most apparent reasons why digital marketing is poised in a domineering\n        state today. From this, we can also extract the briefly mentioned earlier fact of digital\n        marketing strategies having a quite different approach than your standard schemes and\n        strategies.{' '}\n      </p>\n\n      <p>\n        In order to succeed in digital marketing, there is no other way but to ensure the most\n        eye-catching UX design experience. In digital marketing, the value of cleverly put together\n        UX is even more so important than in standard marketing practices. Why so?{' '}\n      </p>\n\n      <p>\n        First, let’s take a brief overview of{' '}\n        <a href=\"/user-experience/what-is-ux/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          what UX is\n        </a>\n        . In simple terms, UX is the experience that users get out of the actual or anticipated use\n        of the product, service, or system. It’s the feeling the user is subjected to when the given\n        product is presented before his or her eyes.\n      </p>\n      <p>\n        Let’s consider a Starbucks app here. The company has implemented smart personalization based\n        on users’ order history. Users do not have to scroll through the whole menu every time to\n        order a regular cappuccino with skimmed milk. Such a feature is handy, user-oriented, and\n        makes a great addition to a good user experience.{' '}\n      </p>\n\n      <p>\n        There is a tendency to mix up two similar but different terms:{' '}\n        <a href=\"/usability-testing/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          usability\n        </a>{' '}\n        and{' '}\n        <a href=\"https://livesession.io/user-experience/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          user experience\n        </a>\n        . The usability is strictly focused on the functional capacity of a given item or its\n        practical use. UX encompasses a far broader spectrum of user’s impressions of the product or\n        service.\n      </p>\n      <h2>What Makes UX So Crucial In The Eyes Of Digital Marketers?</h2>\n      <img\n        src={img1}\n        alt=\"Common part of user experience and digital marketing.\"\n        title=\"UX and Digital Marketing\"\n      />\n      <p>So, why should UX be the top priority for digital marketers to consider? </p>\n      <ul>\n        <li>\n          First and foremost, UX is used to build a basic insight and understanding of what kind of\n          users are interacting with the given digital product, website or application. Factors like\n          user demographics, nationality, and even clicking habits are valid and valuable points to\n          consider when creating marketing plans. With the help of thoroughly conducted UX analysis,\n          marketers can attune a strategy based not on the blind guess but on the empirical pieces\n          of evidence of UX.\n        </li>\n        <li>\n          Impartial user feedback is crucial in app testing, website appeal, or product engagement.\n          In marketing, it is a normal practice to muster a certain group of people outside of the\n          circle to gather feedback on the product. Thereafter monitoring their habits, discussing\n          what issues might have occurred, talking about the positive and negative sides of\n          responsiveness and design choices, and so on. Even with a smaller group of people,\n          user-testing is of grand importance in determining the basic patterns of behavior and\n          detecting potential flaws and shortcomings.\n        </li>\n        <li>\n          UX helps in creating a comprehensive map of user experience. This map can be used as a\n          tool to better navigate in, sometimes, treacherous bearings of marketing strategies. With\n          it, you can expect to see an overhead view of your current progress and evaluate the next\n          steps in accordance with the past exploits. It is also rather helpful in keeping track of\n          different marketing funnels that you employ simultaneously in your strategy like e-mail,\n          affiliate, and social media marketing. On top of that, task-allocation between team\n          members also becomes a far easier process.\n        </li>\n      </ul>\n      <p>\n        On the internet, people are far more likely to click on the ad that has checked all of the\n        boxes of clever and appropriate UX design. Thanks to Peter Morville, we know exactly what\n        factors influence UX design.\n      </p>\n      <ul>\n        <li>\n          <p>\n            Usefulness and applicability. A product or service you are advertising should fill the\n            void that needs filling. Although there is a popular trope on the internet that goes\n            like “every product has its crowd”, this is only partially true. Since, yes, you may\n            attract a small circle of individuals who, let’s say, share your vision of the new,\n            bleeding-edge, WiFi-connected juicer that spews juice with a finger tap on your\n            smartphone. But, is it really useful and practically applicable to the majority of sane\n            people? The answer is - probably not.\n          </p>\n          <p>\n            Let us take a look at a crowd-sourced platform of reviews-Yelp. They are expanding their\n            range of services by adding extra options such as delivery orders, making an appointment\n            at a chosen business, etc., as a useful addition to tips and reviews they provide, thus\n            making the resource more useful and applicable for already existing customers as well as\n            attracting potential ones.\n          </p>\n        </li>\n        <li>\n          <p>\n            Finding. UX design should not be a strain for users’ mental prowess. If your navigation\n            menu or navigation bar is too clunky, lacking visually detectable elements, or is,\n            objectively, off-putting, it definitely will have a detrimental outcome on the users’\n            perception of your service. On the same wavelength is also the user’s ability to\n            actually be able to find your product or website on the internet. Since, if there is no\n            one to experience it - it doesn’t exist.{' '}\n          </p>\n          <p>\n            A great example here is the user experience design implemented by ZOOM. Nowadays, it is\n            hard to find a person who hasn&apos;t heard about this platform, mostly due to the\n            pandemic and the forced need to move meetings and lectures online. Zoom has made the\n            experience as easy as possible by thoroughly filtering everything that is on its home\n            screen. There are no redundant options - all the required features are easy to find and\n            kept to a minimum.\n          </p>\n        </li>\n        <li>\n          Desire to use. When it comes to UX design, there shouldn&apos;t be a shortage of two\n          things: ease-of-use and visual appeal. Okay, when it comes to visuals and appearance there\n          can’t be a universal manifesto that you can follow and guarantee yourself the world\n          acclaim. However, the crucial part in actually designing the visual aspect of a product is\n          to, first, keep it simple and, second, don’t make a copycat. The design of your product\n          shouldn’t be representative of both overdoing and overcomplicating. Take a small, albeit,\n          user-friendly touch provided by FreeFileSync, for instance. While you install the app, you\n          will see pictures of animals instead of ads as per usual. The design of this application\n          is somewhat simple, but the absence of ads right from the start adds to the desire to use\n          this platform.\n        </li>\n        <li>\n          <p>\n            Accessibility. How accessible your product or service is will dictate its ultimate\n            success. For this reason, it is imperative to: ensure the widest possible range of\n            available locations and/or languages; make sure that your service can be accessed\n            through different devices, means to provide maximum coverage; and provide full access to\n            your service/product for people with disabilities. Accessibility is essential in\n            finalizing and expanding the volume of your audience and creating new ways to reach a\n            wider range of users.{' '}\n          </p>\n          <p>\n            Even though it took some time for Netflix to realize the importance of providing equal\n            access to content for all its users, now all the content comes with closed captions.\n            Such an approach will widen the audience and improve their experience.\n          </p>\n        </li>\n      </ul>\n      <p>\n        These 4 points of proper UX have been widely adhered to because they represent the\n        essentials of how users perceive and interact with the service or product. It shows what UX\n        designers should be aiming at creating an easily digestible and free-flowing experience for\n        their user base. The crux of UX is to facilitate the most understandable, intuitive, and\n        simple navigation and interaction. This of course applies to the product itself, but also to\n        any administration areas like\n        <a\n          href=\"https://markuphero.com/blog/designing-user-managements-flows-for-apps-and-websites/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          {' '}\n          user management and signup flows\n        </a>{' '}\n        or settings where the importance of UX can sometimes be overlooked.\n      </p>\n      <h2>UX Is Very Unlikely To Falter Any Time Soon</h2>\n      <p>\n        {' '}\n        More and more companies have been keeping UX at a much closer distance than ever before.\n        They realized the importance of user experience and the overall impact qualitative UX design\n        has on the end success of the product or service. It does mean, however, that users are\n        becoming increasingly fastidious and picky when it comes to practicality and ease of use.\n        Which, in turn, puts a considerable strain on everyone involved in UX designing.{' '}\n      </p>\n\n      <p>\n        With digital marketing seeing such an upsurge in the last decade, it doesn’t seem plausible\n        that UX is disappearing any time soon from the radar. “It is reasonable to assume UX to be\n        an alternative to physical and tad bit obsolete CX (customer experience). Unlike CX, UX\n        requires immediate attention and reaction from the user. In UX it is mostly about the first\n        impression that strikes home. And it is certainly harder to adapt to the caprices of\n        incessantly changing trends and demands,” mentioned Ben Grant, Head of Data Research and\n        Content Marketing at{' '}\n        <a href=\"http://www.linksmanagement.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          LinksManagement\n        </a>\n        .\n      </p>\n      <p>\n        The UX is, no matter what, a great professional career to pursue as a digital marketer. It\n        can be an invariably important complementary tool that deepens a marketer’s understanding of\n        his/her user base. Especially today, picking up the{' '}\n        <a\n          href=\"https://www.usertesting.com/blog/16-must-read-articles-for-the-ux-newbie\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          basics\n        </a>{' '}\n        of UX and UX design should not pose much of a problem as the abundance of resources is\n        exuberant. So, don’t hesitate to dive into UX and expand your marketing horizons because UX\n        is bathing in the spotlight right now!\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '8 Reasons Why UX Should Be a Priority for Digital Marketers',\n  url: '/blog/reasons-why-ux-should-be-a-priority-for-digital-marketers/',\n  description: `The experience that your brand creates is crucial for building long-term relationships with customers. We found 8 reasons to back this hypothesis up.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-10-30',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 10,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/statistics-3a62c6948c1f9e8e6b2dca0b3fcc9733.svg\";","module.exports = __webpack_public_path__ + \"static/unnamed-a2dfe1ec98479f9869cd28df2c3899e8.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKamil as author } from 'data/authors';\nimport img from 'img/blog/g2-winter-performer.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        <strong>\n          We are happy to announce that we’ve been recognized as G2 High Performer in Session\n          Replays for the second time in a row.\n        </strong>\n      </p>\n      <p>\n        G2 is one of the most prestigious software review websites. We’ve been awarded the High\n        Performer badge again, based on our performance and favorable customer reviews. For example,\n        LiveSession has been rated 10/10 when it comes to the ease of use.\n      </p>\n      <p>\n        We are honored to have been recognized again. Thank you for all your reviews and valuable\n        feedback! We’re glad that LiveSession meets your needs and we’re doing our best to make it\n        even better.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Winter 2019: LiveSession Named a G2 High Performer (Again)',\n  url: '/blog/winter-2019-livesession-named-a-g2-high-performer-again/',\n  description: `We are happy to announce that we’ve been recognized as G2 High Performer in\n  Session Replays for the second time in a row.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-01-07',\n  category: '',\n  group: 'Awards',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/remote-ux-bf30cf03815bad82c14c1f62c919d400.png\";","module.exports = __webpack_public_path__ + \"static/image3-2f54afe2a54d718af76f3bc338c199f3.jpg\";","module.exports = __webpack_public_path__ + \"static/lsrecord-152bd258fd3e2adfd071a2a20ea2d7bc.png\";","module.exports = __webpack_public_path__ + \"static/top-tools-5770b0772a8bd608dd8deabe90a5676f.png\";","module.exports = __webpack_public_path__ + \"static/clickmap-77d6f170959a760f7b4e1b094ff08f7b.png\";","module.exports = __webpack_public_path__ + \"static/integration-24529c94e542d154003e1272ae181c8e.png\";","module.exports = __webpack_public_path__ + \"static/inspect-mode-cover-1440c5855f0d1f2fb80b355f25c49351.png\";","module.exports = __webpack_public_path__ + \"static/heatmap-1e46b5988a4dae92cdca4475ead01ce6.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKamil as author } from 'data/authors';\nimport img from 'img/blog/badgebackground.png';\nimport img1 from 'img/blog/badgeimg.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Would you like to share your favorite apps with the public? Maybe you’d like to show your\n        customers that you’re using GDPR-compliant tools?\n      </p>\n      <p>\n        If you enjoy using LiveSession, now you have a chance to express it and get 5,000 sessions\n        for free!\n      </p>\n      <p>\n        <img\n          src={img1}\n          alt=\"Two versions of LiveSession badges.\"\n          title=\"Add a LiveSession badge to your page!\"\n        />\n      </p>\n      <p>\n        Add our badge on your website to get extra sessions. Just paste a piece of code in the\n        footer and let us know via email – it’s that simple!\n      </p>\n      <p>\n        <a href=\"/badge/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Read more about badges\n        </a>{' '}\n        and claim your sessions today.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'LiveSession badge',\n  url: '/blog/livesession-badge/',\n  description: `Add a LiveSession badge to your website. Get 5,000 sessions for free!`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-06-14',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","/**\n * The base implementation of `_.sortBy` which uses `comparer` to define the\n * sort order of `array` and replaces criteria objects with their corresponding\n * values.\n *\n * @private\n * @param {Array} array The array to sort.\n * @param {Function} comparer The function to define sort order.\n * @returns {Array} Returns `array`.\n */\nfunction baseSortBy(array, comparer) {\n  var length = array.length;\n\n  array.sort(comparer);\n  while (length--) {\n    array[length] = array[length].value;\n  }\n  return array;\n}\n\nmodule.exports = baseSortBy;\n","module.exports = __webpack_public_path__ + \"static/filters-63825ae9e1d38bcff9f4973da0faa7eb.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorPrem as author } from 'data/authors';\nimport Link from 'components/ui/link';\n\nimport cover from 'img/blog/session-replay-art/what-is-a-session-replay.png';\nimport debug from 'img/blog/session-replay-art/debug-commitstrip.jpg';\nimport userResearch from 'img/blog/session-replay-art/user-flow.png';\nimport rageClicks from 'img/livesessionApp/rageclicks.png';\nimport filters from 'img/livesessionApp/set_filters.png';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        <strong>\n          Session replay is a playback of a user’s journey on a website or within a web application\n        </strong>\n        . It shows what is happening on your site or app. The reconstruction consists of mouse and\n        keyboard movements, scrolls, taps, and clicks. Gathered together, they show users’ paths on\n        a site or app and let you feel as you were watching them live.{' '}\n      </p>\n\n      <p>\n        Session replays are created by the use of session replay tools. Unlike most of the web\n        analytics tools, they let you gather qualitative data that is crucial to understand how\n        users experience a web or app interface.{' '}\n        <strong>\n          Having such insights, you can easily notice trends in the users’ behavior as well as find\n          bugs and obstacles that impair customer experience.\n        </strong>\n      </p>\n\n      <h2>Why do you need session replay software?</h2>\n\n      <p>\n        You already know what a session replay is, but you’re probably not sure whether you need it.\n        Let me help you with that.{' '}\n      </p>\n\n      <p>\n        You may know your app backwards and forwards. However, such knowledge won&apos;t tell you\n        how users interact with its interface and what influences their online behavior.{' '}\n      </p>\n\n      <p>\n        The success of your product or website depends not only on the fancy design, catchy texts or\n        plethora of features, but also <strong>on the experience it delivers</strong>.\n      </p>\n\n      <p>And that’s where the complications begin.</p>\n\n      <p>\n        You can’t sit next to every client who uses your app or site to check how they behave,\n        unless you have some time machine and the invisibility cloak, but let’s come down to Earth.{' '}\n      </p>\n\n      <img\n        src={userResearch}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"user-research\"\n        title=\"User research\"\n        loading=\"lazy\"\n      />\n\n      <h3>The first option: manual user research</h3>\n\n      <p>\n        The first doable option that allows learning how users interact with the interface is to{' '}\n        <strong>conduct user research</strong>. Simply, hire a professional who would sit with your\n        clients, talk with them, observe what kind of actions they take, write everything down and\n        analyze findings.\n      </p>\n\n      <p>\n        Such research is very helpful and worth doing, but{' '}\n        <strong>it might be very expensive and time-consuming</strong>.\n      </p>\n\n      <p>\n        Additionally, user interviews are conducted with a designated group of people, meaning you\n        must assume that the conclusion based on a definite group of users will correspond to the\n        rest of your clients.\n        <strong>This may not always be true.</strong>\n      </p>\n\n      <h3>Second option: use a session replay tool</h3>\n\n      <p>\n        You also have a second, less pricey and labor-intensive option; to use an above-mentioned\n        session replay tool.\n      </p>\n\n      <p>\n        Session replay solutions are useful for whole teams that work on a product; designers,\n        developers, sales specialists or customer service agents.{' '}\n      </p>\n\n      <p>\n        Like user research, they enable you to gather data about users but{' '}\n        <strong>much cheaper and easier</strong>. You can use the gathered information to plan more\n        accurate developments that bring visible changes and optimize the app or site experience.\n        Finally, <strong>you can do it constantly</strong>, from iteration to iteration. With manual\n        user research it wouldn’t be possible.\n      </p>\n\n      <h2>How does a session replay tool work?</h2>\n\n      <p>\n        To start recording data about users action on your website, first, you need to subscribe to\n        a session replay tool. Of course, as a maker of LiveSession, I recommend our tool, but I\n        hope you won’t blame me for that.\n      </p>\n\n      <p>\n        Then you need to add a JavaScript tracking code to the <code>{'<head>'}</code> section of\n        your site’s code. The rest is done by the app itself. As you see,{' '}\n        <strong>it’s easy-peasy even for non-technical users</strong>.{' '}\n      </p>\n\n      <p>\n        Thanks to the JavaScript code added to your website,{' '}\n        <strong>the tool can monitor events in the user web browser</strong>. These are small\n        actions that are taken by users on your site or app and involve the data transfer, like\n        movements of the mouse. After data is collected, the tool sends it via AJAX requests to the\n        server. Then, it’s indexed so that you get ready information about specific aspects right in\n        your dashboard.\n      </p>\n\n      <h2>How can you benefit from using a session replay tool?</h2>\n\n      <p>\n        A session replay tool can work as your full-time UI researcher` who is capable to{' '}\n        <strong>put all the findings into measurable data</strong>. Gathered knowledge can help you\n        improve a lot of processes related to your site or app performance. As a result, you can\n        cheaply and easily cover the following tasks:\n      </p>\n\n      <h3>1. Debug your website or app</h3>\n\n      <p>\n        Even if your frontend developers tried hard to avoid mistakes while coding your app or site,{' '}\n        <strong>errors and bugs will happen and spoil users’ experience</strong>.\n      </p>\n\n      <p>\n        What’s more, people who access your site may be using various devices or resolutions. Others\n        may have a weak internet connection and might not be able to load your pages fast.{' '}\n        <strong>\n          The number of cases in which your website may break down delivering poor experience is\n          infinite\n        </strong>\n        .\n      </p>\n\n      <div\n        className=\"mb-4\"\n        style={{\n          width: '100%',\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n        }}\n      >\n        <img\n          src={debug}\n          className=\"img-fluid justify-content-center\"\n          alt=\"debug\"\n          loading=\"lazy\"\n          title=\"Debug your website or app\"\n        />\n        <Link\n          style={{ fontSize: '.9rem', color: '#6a7786' }}\n          href=\"https://www.commitstrip.com/en/2015/03/23/brace-yourself-debug-is-coming/\"\n          target=\"_blank\"\n          rel=\"nofollow noreferrer noopener\"\n        >\n          source: www.commitstrip.com\n        </Link>\n      </div>\n\n      <p>\n        In this case, a session replay tool comes in handy.{' '}\n        <strong>\n          Engineers can use it to find bugs much faster without spending ages on searching for\n          sources of problems\n        </strong>\n        . Seeing the whole customer journey, they will know where the errors happen and easily\n        define why they appear.{' '}\n      </p>\n\n      <p>\n        In effect, your team will know what needs to be fixed to improve the customer experience,\n        onboarding or the purchasing process. And most importantly, you will save a lot of money\n        that would normally be spent on customer research and interviews.{' '}\n        <strong>Resolving technical issues were never such easy to do.</strong>\n      </p>\n\n      <h3>2. Find out what frustrates your customers</h3>\n\n      <p>\n        Session replays are a great aid for UX designer. They allow capturing so-called{' '}\n        <strong>error clicks</strong> that happen when a user can’t complete a specific task (load\n        the page, move on to the next stage, finish onboarding, log in) and{' '}\n        <strong>rage clicks</strong> that happen when a user furiously clicks a particular app\n        element multiple times.\n      </p>\n\n      <div style={{ margin: '3rem 0' }}>\n        <img\n          src={rageClicks}\n          className=\"img-fluid justify-content-center\"\n          alt=\"rage-clicks\"\n          loading=\"lazy\"\n          title=\"Rage clicks on website\"\n        />\n      </div>\n\n      <p>\n        Finding which elements or steps in the process annoy your visitors will help to improve its\n        design and introduce solutions that{' '}\n        <strong>boost retention, prevent cart abandonment or churn</strong>.\n      </p>\n\n      <h3>3. Proactively help your customers</h3>\n\n      <p>\n        Knowing where and when the mistake happens is only half the battle, the second half is\n        fixing it at the right time.\n      </p>\n\n      <p>\n        By using a session replay tool, you can detect issues in real time. Find out who experiences\n        a problem and immediately{' '}\n        <strong>\n          reach out to a troubled customer via chat, email or phone, and offer assistance\n        </strong>\n        .{' '}\n      </p>\n\n      <p>\n        In a SaaS business, proactive customer service is a big asset. Modern customers can choose\n        from plenty of solutions and brands delivering similar offers.{' '}\n        <strong>Most of them expect a fast and smooth experience</strong>. And when they encounter\n        problems, they get nervous. The part of them may try to contact you, but many of them will\n        just look for another, easier, error-free app.\n      </p>\n\n      <p>\n        Whereas thanks to session replays you don&apos;t have to passively wait for requests sent by\n        frustrated customers. Your sales or customer success managers could use real time data reach\n        out to users right when mistakes occur.{' '}\n      </p>\n\n      <p>\n        What’s more, from a customer’s point of view your service will be smoother as they won’t\n        need to send you screens or detailed explanations.{' '}\n        <strong>\n          You will know exactly what causes their problem and be able to deliver immediate help\n          boosting clients satisfaction\n        </strong>\n        . This solution is possible thanks to{' '}\n        <Link href=\"/help/user-identification-custom-properties/\" target=\"_blank\">\n          user identification in session replays\n        </Link>{' '}\n        and integrations with live chats.\n      </p>\n\n      <h3>4. Find out what interests your users</h3>\n\n      <p>\n        Wouldn&apos;t it be great to get feedback from your users without even asking a question?\n      </p>\n\n      <p>\n        <strong>Session replay tools let you do so</strong>. Product managers and marketers can use\n        them to check which of app features, texts or interface elements attract users and support\n        conversion. Knowing which sections enjoy the biggest popularity will help you find out which\n        course to follow.\n      </p>\n\n      <h3>5. Segmentize your customers</h3>\n\n      <p>\n        By recording your visitors’ paths on your website you can also group them based on specific\n        characteristics, like source that they came from, the type of services they use, browsers,\n        elements they clicked on or even <strong>parameters defined by you</strong>.\n      </p>\n\n      <div style={{ margin: '3rem 0' }}>\n        <img\n          src={filters}\n          className=\"img-fluid justify-content-center\"\n          alt=\"filters\"\n          style={{\n            border: 'none',\n            borderRadius: '4px',\n            boxShadow: 'rgba(39,44,49,0.08) 8px 14px 38px, rgba(39,44,49,0.08) 1px 3px 8px',\n          }}\n          loading=\"lazy\"\n          title=\"Segmentize your customers\"\n        />\n      </div>\n\n      <p>\n        Being aware of what your customers’ profiles are, you can optimize the experience to their\n        needs and preferences.\n      </p>\n\n      <p>\n        You can find out whether any of your site’s versions or mobile apps provide a disparate\n        experience than expected and needs improvement.\n      </p>\n\n      <h3>6. Boost conversion rates</h3>\n\n      <p>\n        Probably you use some web analytics tool (like Google Analytics) and gather data from your\n        checkout pages. Thanks to it, you know what your conversion rate is. But it wouldn’t hurt if\n        your sales went up a bit, right?\n      </p>\n\n      <p>\n        A <strong>session replay tool may also help you sell more</strong>. Using it you can check\n        whether there are any elements that confuse users or obstacles that prevent them from\n        completing particular tasks. You may learn whether your onboarding process is clear or your\n        Call-To-Actions are created properly.{' '}\n      </p>\n\n      <p>\n        By watching user playbacks you can check whether introduced solutions work as assumed. You\n        can base your decisions on data, not assumptions and focus on changing only the elements\n        that actually need improving.\n      </p>\n\n      <h3>7. Extend the context of other analytical tools</h3>\n\n      <p>The more you know about your customers, the better experience you can deliver. </p>\n\n      <p>\n        By integrating a session replay tool, which provides qualitative data, with solutions that\n        collects quantitative data, you can get a much broader view on your customers and their\n        behavior.\n      </p>\n      <p>\n        <strong>Example of such integration</strong>:{' '}\n        <Link href=\"/help/google-analytics-integration/\" target=\"_blank\">\n          the integration between LiveSession and Google Analytics\n        </Link>{' '}\n        allows you to send links to session playbacks from to the GA tracker. In effect, you can\n        open recordings of a specific user directly from the GA dashboard and obtain information\n        that would be hard to discover without integrating the tools.{' '}\n      </p>\n\n      <p>\n        As you can see, session replays not only allow you to reproduce users’ behavior but also\n        uncover tons of qualitative data about your site and app. Together with information gathered\n        via other web analytics tools, they let you get the broad spectrum of knowledge that helps\n        to get rid of bugs, provide better customer service and optimize user experience. And the\n        best part is that{' '}\n        <strong>\n          you can complete all these tasks without hiring teams of specialists who wouldn’t be able\n          to capture such data anyway\n        </strong>\n        .{' '}\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'What is session replay?',\n  url: '/blog/what-is-session-replay',\n  description: 'Check out how session replay can help your business grow.',\n  author,\n  img: cover,\n  date: '2019-03-07',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"Check what is session replay and how can it help your business grow.\"\n    img={frontmatter.img}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKamil as author } from 'data/authors';\nimport img from 'img/blog/new-filters-cover.png';\n\nimport img1 from 'img/blog/new-session-filters.png';\nimport img2 from 'img/blog/duplicate-filters.png';\nimport img3 from 'img/blog/autocomplete-filters.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Filters are the core features of LiveSession. To make your work easier, we’ve just\n        introduced a range of new features:\n      </p>\n      <h2 id=\"new-filter-pages-count\">New filter: pages count</h2>\n      <p>\n        <img src={img1} alt=\"New session filters\" title=\"New filter - pages count\" />\n      </p>\n      <p>\n        By your request, you can now filter recordings by <strong>pages count</strong>. For\n        instance, you can only choose to see sessions where the user has visited more than three\n        pages on your website.\n      </p>\n      <h2 id=\"update-duplicate-and-disable-filters\">Update: Duplicate and disable filters</h2>\n      <p>\n        <img src={img2} alt=\"Duplicate filters\" title=\"Duplicate filter with one click\" />\n      </p>\n      <p>\n        Pages count is not the only request we’ve answered! Also by popular demand, you can now{' '}\n        <strong>duplicate the filter</strong> in just one click. Adding multiple variables is now\n        much faster.\n      </p>\n      <p>\n        What’s more, you can also use the <strong>toggle</strong> to temporarily disable the filter\n        and compare results. You don’t have to delete it completely anymore.\n      </p>\n      <h2 id=\"update-autocomplete-for-event-filters\">Update: Autocomplete for event filters</h2>\n      <p>\n        <img src={img3} alt=\"Autocomplete filters\" title=\"Autocomplete for event filters\" />\n      </p>\n      <p>What’s more, using event filters is now much easier!</p>\n      <p>\n        LiveSession will now suggest relevant values. We autocomplete the filters with top results,\n        like in the screenshot above.\n      </p>\n      <p>\n        If you have any other ideas for improvement, we’d love to hear from you! Please get in touch\n        via live chat or send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Filters update',\n  url: '/blog/filtering-updates/',\n  description: `Filtering session recordings in LiveSession just got easier. See what’s new in filters!`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-07-18',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Banner = styled.div`\n  width: 100%;\n  padding: 64px 73px;\n  text-align: center;\n  background: #f8f8f8;\n  border-radius: 4px;\n  margin: 80px 0;\n  ${media.mobile} {\n    padding: 24px 16px;\n    margin: 40px 0;\n  }\n  & .banner-title {\n    font-size: 36px;\n    line-height: 45px;\n    margin-bottom: 24px;\n    margin-top: 0;\n    font-weight: 800;\n  }\n  & p {\n    margin-bottom: 40px;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from 'components/ui/button';\nimport * as Styled from './styled';\n\nconst Banner = ({ title, desc, style }) => {\n  return (\n    <Styled.Banner style={style}>\n      <h2 className=\"banner-title\">{title || `Improve usability testing with LiveSession`}</h2>\n      <p>{desc || 'Test all LiveSession features for 14 days, no credit card required.'}</p>\n      <Button signUp secondary center sourceID=\"cta-banner\">\n        Sign up free\n      </Button>\n    </Styled.Banner>\n  );\n};\n\nexport default Banner;\n\nBanner.propTypes = {\n  title: PropTypes.string.isRequired,\n  desc: PropTypes.string,\n  style: PropTypes.oneOfType([PropTypes.object]),\n};\n\nBanner.defaultProps = {\n  desc: undefined,\n  style: undefined,\n};\n","module.exports = __webpack_public_path__ + \"static/masking_data-83a6b01a89e999f4c9e2868c3c8470de.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/masking_data.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        From now, LiveSession gives an ability to suppress sensitive data. By adding a{' '}\n        <strong>data-ls-disabled</strong> attribute to HTML element, the tracking code will\n        anonymize element content.\n      </p>\n      <ImageModal src={img} alt=\"Private data\" title=\"Hide sensitive data\" />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Masking sensitive data',\n  url: '/blog/masking-sensitive-data/',\n  description: 'Disable recording of sensitive data',\n  author,\n  img,\n  date: '2019-04-29',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorPatryk as author } from 'data/authors';\nimport cover from 'img/blog/covers/rest-api.png';\nimport img from 'img/help/rest-api/rest-api1.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>We&apos;re happy to announce a Beta version of LiveSession&apos;s REST API!</p>\n      <p>\n        From now, you&apos;ll be able to retrieve information about your data programmatically. You\n        can, for example, use the API for a deeper analysis of the data collected by LiveSession.\n      </p>\n      <p>\n        To get started, go to Settings &gt; API Tokens and then click the &quot;Create Token&quot;\n        button.\n      </p>\n      <img src={img} alt=\"Segments notifications - preview\" title=\"Add to summary\" />\n      <p>\n        If you need more technical details, take a look at{' '}\n        <a\n          target=\"_blank\"\n          href={`${process.env.GATSBY_LS_DEVELOPERS_URL}/rest-api/introduction/`}\n          rel=\"noreferrer\"\n        >\n          LiveSession Developers\n        </a>\n        .\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Rest API is live!',\n  url: '/blog/rest-api',\n  description: `Introducing segments notifications! Get a daily or weekly email summary of segments that you follow.`,\n  author,\n  img: cover,\n  imgSocial: cover,\n  date: '2021-06-29',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/custom_date-1567c4cfb0b9c81a63132926397cc796.png\";","module.exports = __webpack_public_path__ + \"static/intercomxls-6c3d3aaf4452cfd21c2b83a99d48cd62.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKendra as author } from 'data/authors';\nimport img from 'img/blog/covers/ecommerce-ux.png';\nimport img1 from 'img/blog/improve-ecommerce/mobile-first.png';\nimport img2 from 'img/blog/improve-ecommerce/CTA.png';\nimport Banner from 'components/usability-testing/banner';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        When it comes to customers shopping online, they want a similar feel to a physical brick and\n        mortar store. Now, whether they’re looking for a particular item, or want to buy anything at\n        all, only <i>they</i> have the buying power. Therefore, their buying experience should be as\n        seamlessly as possible.{' '}\n      </p>\n      <p>\n        First, keep in mind what your website needs, if you’re looking to sell products or services\n        on there:\n      </p>\n      <ul>\n        <li>\n          Your website’s homepage acts as your storefront, so,{' '}\n          <a\n            href=\"https://instasize.com/blog/free-photo-editing-software-instasize\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            make it attractive\n          </a>{' '}\n          and functioning.\n        </li>\n        <li>\n          The category pages allow your customers to walk through your product aisles with ease.\n          Easy-to-find products on your category pages are a definite plus.{' '}\n        </li>\n        <li>\n          Product detail pages give shoppers the information that they may normally see as if they\n          were physically holding an item and reading the packaging.\n        </li>\n      </ul>\n      <p>\n        But with that said, competition can be very fierce in the online marketing realm. And, with\n        fierce competition comes the ever-growing lists of expectations from who you’re selling to.\n        In other words, if a customer isn’t able to easily find what they need on your website, then\n        they’ll be more than happy to go to your competitors.\n      </p>\n      <h2>The Problem</h2>\n      <p>\n        When it comes to eCommerce stores, UX design is often ignored or not worked on enough. While\n        companies are too busy working on creating paid ads, doing product research, etc. they might\n        forget about optimizing their website to fit UX design standards.\n      </p>\n      <p>\n        And, that’s the problem, without a good user experience, it affects not only your visitors\n        and customers, but also your business in terms of gaining traffic and revenue. In fact,\n        SmallBizGenius suggests that{' '}\n        <a\n          href=\"https://www.smallbizgenius.net/by-the-numbers/ux-statistics/#gref\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          88% of online shoppers\n        </a>{' '}\n        won’t return to a website after experiencing poor UX. So, it’s no wonder shoppers might be\n        leaving, if it&apos;s just for the poor UX design alone.\n      </p>\n      <p>\n        So, what are the UX design standards? According to UX Planet, the following are considered{' '}\n        <a\n          href=\"https://uxplanet.org/ux-design-for-e-commerce-principles-and-strategies-9df7d81e59d8\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          standards for good UX\n        </a>\n        :{' '}\n      </p>\n      <ul>\n        <li>Simple and operational</li>\n        <li>Secured data</li>\n        <li>Using visuals effectively</li>\n        <li>Clear data displays</li>\n        <li>Dedicated feedback section</li>\n        <li>Easy-to-find general contact information</li>\n      </ul>\n      <h2>Why UX Matters</h2>\n      <p>\n        It’s important to provide a compelling user experience (UX) – or, in this case, excellent\n        eCommerce UX – for your website visitors. In other words, customers want to feel great\n        whenever they:\n      </p>\n      <ul>\n        <li>Visit your website</li>\n        <li>See your company values</li>\n        <li>Browse your products and or services, AND</li>\n        <li>Get to know your team</li>\n      </ul>\n      <p>\n        When customers engage with your website, then you’ve succeeded in creating the user\n        experience. More satisfied customers mean more conversions and boosted KPIs.{' '}\n      </p>\n      <p>\n        Here are 4 tips to improve your website with the customer in mind, and create a\n        user-friendly shopping experience that fuels your brand:\n      </p>\n      <img\n        src={img1}\n        alt=\"Mobile first\"\n        title=\"Have A “Mobile First” Mentality\"\n        style={{ margin: '3rem auto 1rem' }}\n      />\n      <h3>1. Have A “Mobile First” Mentality</h3>\n      <p>\n        “Nowadays, most shoppers make their purchases online to whatever they set their minds to,”\n        says Peter Miller, a tech writer at{' '}\n        <a href=\"https://britstudent.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Brit student\n        </a>{' '}\n        and{' '}\n        <a href=\"https://writemyx.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Write my X\n        </a>\n        . “And with mobile devices continuing to be on the rise, online shopping will just get\n        bigger and bigger, if it hasn’t gotten big already. With experts saying that revenue from\n        mobile purchases is projected to increase in the coming years, now is the time to ensure\n        that your website is mobile-friendly to appeal to said audience.”\n      </p>\n      <p>So, why have a “mobile first” mentality? </p>\n      <p>\n        Well, since most people –{' '}\n        <a\n          href=\"https://optinmonster.com/mobile-seo/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          over 40%\n        </a>{' '}\n        – are on their mobile devices, and they come across your webpage, that’s where first\n        impression can do well or turn sour. If you don’t optimize your website for smaller devices,\n        it can be tricky for visitors to navigate with too-small buttons and / or unstable layout.\n        So, do some usability testing – a research method that lets you observe and understand how\n        people interact with interfaces – to ensure that designs are user-friendly on different\n        platforms, thus making your eCommerce UX “mobile-first”.\n      </p>\n      <p>\n        Take, for example,{' '}\n        <a href=\"https://www.paypal.com/us/home\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Paypal\n        </a>\n        , which strives to make its services more mobile-friendly. How? By making their app easier\n        to navigate and visually engaging as much as their desktop site. The most notable difference\n        is that Paypal’s mobile landing page lets users use 2 buttons (Personal or Business), rather\n        than have them scroll. Eliminating scrolling to only a few buttons also allows easy log-ins\n        and better menu navigating.\n      </p>\n      <h3>2. Build An Exceptional Homepage</h3>\n      <p>\n        On average, a customer will only take about 0.05 seconds to look at your website, and decide\n        if they want to proceed further with your site, or if they’ll abandon your site, or\n        “bounce.”\n      </p>\n      <p>Consider the following when designing a great homepage:</p>\n      <ul>\n        <li>\n          Your company logo is one of the first things customers will see on your homepage. Make it\n          clear and recognizable, as you place it on the top left side of the homepage.\n        </li>\n        <li>\n          Make the overall homepage simple and minimal in design. You don’t want a “cluttered mess”\n          to occur on your website.\n        </li>\n        <li>\n          Stick with a color scheme that you’re comfortable with. If your company logo has color\n          schemes, then make your website match those colors.\n        </li>\n        <li>\n          On your homepage footer, add links directing to the pages that customers visit the most\n          when coming to your website (i.e. the customer support page, FAQs, social media, contact\n          info, etc.).\n        </li>\n        <li>\n          <p>\n            Be sure to emphasize any elements that make a significant impact on your website. Such\n            elements may include:\n          </p>\n          <ul>\n            <li>Recent blog posts</li>\n            <li>A section for featured products and or services</li>\n            <li>A “Featured” post section</li>\n          </ul>\n        </li>\n        <li>\n          Have customers connect to you. Include a chat box, email, and or call-here buttons. Also,\n          refer them to your social proof (i.e. Twitter, Instagram, etc.).\n        </li>\n      </ul>\n      <p>\n        <a\n          href=\"https://www.thesill.com/collections/live-plants?gclid=EAIaIQobChMI8sbbn4a77gIVz9XACh2tvwIbEAAYASAAEgJmUvD_BwE\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          The Sill\n        </a>\n        , for example, has a simple but straightforward homepage. The website’s homepage is\n        well-organized, and isn’t cluttered in the slightest, with categories filtered by features,\n        variety, and size. In addition, the page features clear photos of their products (which, in\n        this case, are house plants).\n      </p>\n      <img\n        src={img2}\n        alt=\"CTA example - register\"\n        title=\"Have Successful CTAs\"\n        style={{ margin: '3rem auto 1rem' }}\n      />\n      <h3>3. Have Successful CTAs</h3>\n      <p>\n        {' '}\n        “When helping your customers find things and complete their purchase, you must have a clear\n        call-to-action,” says George Crosby, a UX blogger at{' '}\n        <a href=\"https://1day2write.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          1 Day 2 write\n        </a>{' '}\n        and{' '}\n        <a href=\"https://phdkingdom.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          PhD Kingdom\n        </a>\n        . “CTAs like ‘Add to Cart,’ ‘Check Out,’ and ‘Cancel’ should be visible and clear to your\n        shoppers.”\n      </p>\n      <p>Successful CTAs on your website is dependent on the following factors:</p>\n      <ul>\n        <li>Brand colors</li>\n        <li>Font size and colors</li>\n        <li>Labeling</li>\n        <li>Other visuals</li>\n      </ul>\n      <p>\n        <a href=\"https://optinmonster.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          OptinMonster\n        </a>{' '}\n        uses a unique button on their homepage called “Get OptinMonster Now” as their primary CTA.\n        In addition, the website creates a sense of urgency along with their CTA. How? By posting a\n        line graph that shows the so-called “OptinMonster Effect,” of which websites will see a\n        boost in leads and revenue when they use Optinmonster. With this type of CTA, users have the\n        quick option of signing up for the service.\n      </p>\n      <h3>4. Have An Effortless Checkout Process</h3>\n      <p>\n        Finally, people want to be safe when shopping online. Therefore, an excellent eCommerce UX\n        should be simple and transparent. By keeping checkouts short and sweet, customers are more\n        comfortable completing their payment process.\n      </p>\n      <p>Consider these shopping options: </p>\n      <ul>\n        <li>\n          Checking out as a guest to prevent providing more personal information than necessary. AND\n          OR\n        </li>\n        <li>Creating an account to ensure easier future checkouts.</li>\n      </ul>\n      <p>\n        Remember: <i>Transparency</i>.\n      </p>\n      <p>\n        Similar to having a CTA, eCommerce sites must provide a fast and effective checkout process,\n        so that customers are taken through the sales funnel from beginning to end. Having a\n        complicated checkout can cause customers to abandon their carts and leave the site. For\n        example, if a customer has to re-entering their information to buy something, then they’ll\n        most likely abandon their cart. Such information may include re-entering:\n      </p>\n      <ul>\n        <li>\n          Credit card information (\n          <a\n            href=\"https://sleeknote.com/blog/cart-abandonment-statistics#9\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer nofollow\"\n          >\n            30% of shoppers leave\n          </a>\n          , when having to re-enter this), OR\n        </li>\n        <li>Shipping information (25% of shoppers leave because of this) </li>\n      </ul>\n      <p>\n        <a href=\"https://www.amazon.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Amazon\n        </a>{' '}\n        is an excellent example of making the checkout process easier for consumers. Now, when you\n        go to buy something on Amazon, you’re presented with two different buying options: “Add to\n        Cart” or “Buy Now” (formerly known as “One-Click Ordering”). The “Buy Now” enables you to\n        buy the product right away without having to enter your credentials (i.e. payment method),\n        and send it to the address that’s provided (Now, that’s if you already have an account with\n        Amazon, and you’ve already saved your credentials on the site). This option saves consumers\n        time, and ensures a faster checkout.\n      </p>\n      <Banner\n        title=\"Improve your checkout process based on data that really matters\"\n        desc=\"Find out when your Customers gets frustrated and improve your eCommerce UX. Test all LiveSession features for 14 days, no credit card required.\"\n      />\n      <h2>Conclusion</h2>\n      <p>\n        As you can see, how customers navigate your site is extremely important, since they\n        ultimately decide whether they buy your products and services or not. That means that good\n        UX relies on more than just eye-catching visuals.\n      </p>\n      <p>\n        The 4 methods discussed today are there to ensure that you create a well-functioning UX that\n        not looks good, but also does its job in helping users navigate through your website with\n        ease. Let’s recap what we’ve learned from these methods:\n      </p>\n      <ul>\n        <li>\n          Make your UX design mobile-friendly, which allows users to visit and navigate through your\n          website on their smartphones or other mobile devices.\n        </li>\n        <li>\n          Create a homepage that’s simple, but also to the point. Refrain from making your homepage\n          cluttered, or else you’ll scare away users.\n        </li>\n        <li>\n          Have a Call-to-Action. In other words, what do you want users to do when they visit your\n          website? And finally …\n        </li>\n        <li>\n          Create a faster and more effective checkout for users. (Obviously, no one wants to feel\n          like they’re “waiting in line” when they’re buying something online, nor want the checkout\n          process itself to be complicated.)\n        </li>\n      </ul>\n      <p>\n        Although there’s no one-size-fits-all method in optimizing an online store, and that no\n        website is perfect, site runners must determine what’s best for their webpages.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '4 Ways To Improve eCommerce UX For Website Visitors',\n  url: '/blog/4-ways-to-improve-ecommerce-ux-for-website-visitors/',\n  description: `When it comes to eCommerce stores, UX design is often not worked on enough. Companies are not optimizing their websites, which affects their business in terms of gaining traffic and revenue.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-02-09',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 8,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorDaniela as author } from 'data/authors';\nimport { useSourceParams } from 'hooks/useSourceParams';\nimport img from 'img/blog/10-ui-tips-that-will-improve-your-ux-writing/cover.png';\n\nimport img1 from 'img/blog/10-ui-tips-that-will-improve-your-ux-writing/image1.jpg';\nimport img2 from 'img/blog/10-ui-tips-that-will-improve-your-ux-writing/image2.png';\nimport img3 from 'img/blog/10-ui-tips-that-will-improve-your-ux-writing/image3.png';\nimport img4 from 'img/blog/10-ui-tips-that-will-improve-your-ux-writing/image4.png';\n\nconst Content = () => {\n  const banner = useSourceParams('banner');\n  return (\n    <Post>\n      <h2>What is UX writing?</h2>\n      <p>\n        Building a website is much more complicated than thinking about the pages to add and what\n        their purpose will be. It is a complex process that requires several stages of serious\n        planning and strategizing. And one of the most important elements of building a website is\n        building the UI. You need to think about the way you&apos;ll display the page elements and\n        the way your users will find it most convenient to use them. All of this will reflect on\n        your UX.\n      </p>\n      <p>\n        So, yes, <strong>UI and UX go hand in hand</strong>, and one supports the other. Still,\n        there are some UI principles and tips that could help you improve your UX writing and\n        improve your website written content. We’ll break them down together in the list of 10 best\n        UI tips for improving UX writing that you’ll find below.\n      </p>\n      <p>Let’s take a closer look.</p>\n      <img src={img1} alt=\"A person with a laptop on the desk.\" title=\"Person with laptop\" />\n      <p>\n        Source:{' '}\n        <a\n          href=\"https://www.pexels.com/photo/person-using-tablet-on-table-3740318/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Pexels\n        </a>\n      </p>\n      <h2>What is UX Writing?</h2>\n      <p>\n        Before we dive deeper into the tips, let’s make it clear to everyone what exactly is UX\n        writing. According to the definition, UX writing is:\n      </p>\n      <ul>\n        <li>\n          the process of creating the text that appears within the design of digital products.\n        </li>\n      </ul>\n      <p>\n        It’s like building a bridge between the product and its users. That means that UX writers\n        create content that helps users understand how to use a product and supports their{' '}\n        <a href=\"/user-experience/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          user experience\n        </a>\n        .\n      </p>\n      <p>Now let’s take a look at the actual tips that will help you improve your UX writing.</p>\n      <h2>1. Know Your Target Website Visitors</h2>\n      <p>\n        {' '}\n        The first rule of building an amazing UI is to know your target audience. That means that\n        you have to understand why they’re on your website and how they plan on using it.\n      </p>\n      <p>This principle can easily be transferred to UX writing.</p>\n      <p>By knowing your target website visitors, you’ll know their:</p>\n      <ul>\n        <li>interests</li>\n        <li>online behavior</li>\n        <li>habits</li>\n        <li>pain points</li>\n        <li>attention triggers</li>\n      </ul>\n      <p>\n        And just as a designer will be able to use this knowledge to create an interface that works\n        best for the potential users, so can you write the content they’ll be interested in reading.\n      </p>\n      <a href={banner.link} className=\"action-banner\" target=\"_blank\" rel=\"noopener noreferrer\">\n        Get to know your target audience and make sure you’re writing for them.\n      </a>\n      <h2>2. Remove Redundancy</h2>\n      <img\n        src={img2}\n        alt=\"Sentence before and after removing redundancy\"\n        title=\"Before and after removing redundancy\"\n      />\n      <p>When it comes to building a highly-functional and effective website, clarity is key.</p>\n      <p>\n        UI designers lean on clarity more than you can imagine. This is because they know that the\n        simpler the presentation, the better the response and engagement they’ll have.\n      </p>\n      <p>\n        This is why, in your UX writing, you need to remove redundancy. Here’s what we have in mind:\n      </p>\n      <ul>\n        <li>present information in a short, concise manner</li>\n        <li>remove all the fluff words and unnecessary phrases</li>\n        <li>remove anything that isn’t adding value</li>\n        <li>think of the shortest and simplest way to say something</li>\n      </ul>\n      <p>Let’s compare:</p>\n      <ul>\n        <li>\n          <i>Sign in to Receive our Coupons</i>\n        </li>\n        <li>\n          <i>\n            Sign in with your account to receive discount coupons you can use on any of our models\n          </i>\n        </li>\n      </ul>\n      <p>\n        The second copy provides too many redundant facts that say almost the same thing as the\n        first one. Keep it clear and simple to achieve the maximally positive effect.\n      </p>\n      <h2>3. Think of Scannability</h2>\n      <img\n        src={img3}\n        alt=\"Two different expressions examples: complicated and straightforward.\"\n        title=\"Think of Scannability\"\n      />\n      <p>\n        Online users don’t like to waste their time. They have so many options and websites to check\n        out that they won’t stick with yours unless you provide the best possible UX.\n      </p>\n      <p>\n        UI designers figured out a way to keep as many visitors interested in their website- they’re\n        making it scannable.\n      </p>\n      <p>That means that the visitor only needs to take a quick look at the website and:</p>\n      <ul>\n        <li>find the information they’re looking for</li>\n        <li>decide whether to stick around or not</li>\n      </ul>\n      <p>\n        You need to do the same thing with your UX writing. Present the text in a way that allows\n        scanning and a quick search for important information.\n      </p>\n      <p>Here’s what we suggest:</p>\n      <ul>\n        <li>break the text down using subheadings</li>\n        <li>write short paragraphs</li>\n        <li>create bullet points and lists</li>\n      </ul>\n      <p>\n        Separate different information and classify them to allow the website visitors to find\n        exactly what they’re looking for- quickly and without any trouble.\n      </p>\n      <h2>4. Open Strongly</h2>\n      <p>\n        When you have an audience with a limited attention span and a very narrow window to hook\n        them to your webpage, you’ve got to open strongly.\n      </p>\n      <p>\n        UI designers make sure that the most important elements are dominating the visual aspect of\n        the interface.\n      </p>\n      <p>You need to do the same with your written copy. Make sure you open strongly:</p>\n      <ul>\n        <li>place the most important information at the beginning</li>\n        <li>don’t waste too much time on warm-ups and introductory</li>\n        <li>use the inverted pyramid principle</li>\n      </ul>\n      <p>\n        So, make sure you hook them first and then get into greater detail about the things you are\n        discussing.{' '}\n      </p>\n      <h2>5. Use Numbers </h2>\n      <img src={img4} alt=\"The importance of numbers in UX writing\" title=\"Use Numbers\" />\n      <p>\n        The visual presentation is important. UI designers know that an image can speak a thousand\n        words and that the visual aspect of a website is the primary reason why someone would decide\n        to stay on it.\n      </p>\n      <p>\n        UX writers need to use this information for their own benefit. This is why, whenever it’s\n        possible, you should use numbers.\n      </p>\n      <p>Your users will associate numbers with:</p>\n      <ul>\n        <li>facts</li>\n        <li>credible information</li>\n        <li>statistics</li>\n      </ul>\n      <p>That’s why you should grab their attention using numerals, like in the example below:</p>\n      <ul>\n        <li>11 years of experience</li>\n        <li>23 professional web designers</li>\n        <li>981 websites built</li>\n        <li>1000+ satisfied customers</li>\n      </ul>\n      <p>\n        Numbers work great for both UI and UX, so make sure you incorporate them in your website\n        copy.\n      </p>\n      <h2>6. Stay Consistent</h2>\n      <p>\n        Consistency is another key element in the process of building a powerful website. Every UI\n        designer knows that there needs to be a consistent pattern in the way they organize each\n        page of a website.\n      </p>\n      <p>\n        The visitors need to understand how the interface is working and adopt those rules early in\n        the process of searching the website.\n      </p>\n      <p>Well, consistency is crucial for UX writing as well.</p>\n      <p>There needs to be coherence in:</p>\n      <ul>\n        <li>terminology</li>\n        <li>writing style</li>\n        <li>tone & voice</li>\n        <li>vocabulary</li>\n      </ul>\n      <p>\n        So, if you’re using the term “<strong>shopping cart</strong>” on one page and “\n        <strong>shopping bag</strong>” on the other, it will confuse and even frustrate your users.\n      </p>\n      <p>\n        Make sure you develop a writing style and stick to consistent terminology to make your users\n        happy.\n      </p>\n      <h2>7. Provide True Value</h2>\n      <p>\n        Everything that you place on your website needs to provide some kind of value to the website\n        visitors. If it doesn&apos;t, it&apos;s just taking up space or making them think less of\n        you and your website.\n      </p>\n      <p>\n        Just like the UI designers add or remove interface elements depending on their purpose and\n        value, so should UX writers do with their written copy.\n      </p>\n      <p>Adding value means:</p>\n      <ul>\n        <li>providing useful information</li>\n        <li>offering solutions and the right choices</li>\n        <li>helping with the interactions on the website</li>\n      </ul>\n      <p>\n        So, unless your written content is providing true value to the visitors, don’t make it a\n        part of your UX copy.\n      </p>\n      <h2>8. Build a Dialogue</h2>\n      <p>\n        When you&apos;re building your website, you&apos;re doing it to engage the visitors and have\n        them perform certain desired actions. That means that you have to provide the conditions for\n        a quality dialogue with them.\n      </p>\n      <p>\n        UI designers use different buttons, bars, icons, and message boxes to communicate with the\n        users and have them actively engage in different processes on the website.\n      </p>\n      <p>\n        UX writers need to do the same thing. And, the best way to build a dialogue as a UX writer\n        is to:\n      </p>\n      <ul>\n        <li>use everyday vocabulary</li>\n        <li>use a friendly tone</li>\n        <li>avoid pompous language and complex terminology</li>\n      </ul>\n      <p>Let’s compare:</p>\n      <ul>\n        <li>Logo Design: Choose a template to make your brand recognizable</li>\n        <li>\n          Logo Design: We offer a wide selection of distinguished logo templates that aim to achieve\n          recognizability and uniqueness.\n        </li>\n      </ul>\n      <p>They lost you at “selection” in the second example.</p>\n      <p>\n        Natural language means your visitors will feel more relaxed, safe, and will trust you to be\n        on their side.\n      </p>\n      <h2>9. Make Them Active</h2>\n      <p>\n        The people who are on your website are there to find information, look at a product,\n        consider hiring you for your services, or simply check out your brand.\n      </p>\n      <p>\n        But, it&apos;s your job to <strong>motivate them to perform the actions</strong> you&apos;d\n        like them to perform.\n      </p>\n      <p>This is why you need to activate them.</p>\n      <p>\n        Now, a UI designer will use different interface elements such as CTA buttons to get them\n        going. You, on the other hand, need to use the right uplifting vocabulary. Here’s what we\n        suggest:\n      </p>\n      <ul>\n        <li>use active voice</li>\n        <li>use imperative</li>\n        <li>use present tense</li>\n        <li>use positive, affirmative sentences</li>\n      </ul>\n      <p>Let’s compare:</p>\n      <ul>\n        <li>The link below should be clicked to avoid signing out.</li>\n        <li>Click the link below to stay signed in.</li>\n      </ul>\n      <p>\n        The second one is affirmative, clear, and inviting. It would get more people to click the\n        link.\n      </p>\n      <h2>10. Double-Check Your Accuracy</h2>\n      <p>\n        A UI designer will go through several stages of pre-planning, drafting, designing, and\n        editing. Before they place any element in the web design, they’ll check and reconsider their\n        decision several times.\n      </p>\n      <p>\n        You need to do the same with your written content. Make sure to double-check your accuracy\n        before you publish anything.\n      </p>\n      <p>Here’s what that implies:</p>\n      <ul>\n        <li>proofread</li>\n        <li>edit</li>\n        <li>remove grammar mistakes, typos, and spelling mistakes</li>\n        <li>consider the text flow, vocabulary, and tone</li>\n      </ul>\n      <h2>Final Thoughts</h2>\n      <p>\n        As you can see, there are so many useful UI tips and tricks that you can easily apply to UX\n        writing. All you need is the right guidance and determination to make a better UX copy.{' '}\n      </p>\n      <p>\n        Use the tips we’ve shared above to improve your UX writing and provide an upgraded\n        experience for all the website visitors reading your copy.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '10 UI Tips That Will Improve Your UX Writing',\n  url: '/blog/10-ui-tips-that-will-improve-your-ux-writing/',\n  description: `Learn about 10 best UI tips for improving UX writing to improve your website written content.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-10-20',\n  category: '',\n  group: 'Design',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/notifications2-da7a38173083604601694c1a03fa3214.png\";","module.exports = __webpack_public_path__ + \"static/mail-662887fd7667812cae45cfa3e0ec6ca8.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport Link from 'components/ui/link';\nimport { authorVikas as author } from 'data/authors';\nimport img from 'img/blog/covers/marketing_strategies.png';\nimport img1 from 'img/blog/6-marketing-strategies-that-will-increase-your-conversions/frevvo.png';\nimport img2 from 'img/blog/6-marketing-strategies-that-will-increase-your-conversions/superoffice.png';\nimport img3 from 'img/blog/6-marketing-strategies-that-will-increase-your-conversions/moz.png';\nimport img4 from 'img/blog/6-marketing-strategies-that-will-increase-your-conversions/simplymoneylyfe.png';\nimport img5 from 'img/blog/6-marketing-strategies-that-will-increase-your-conversions/form.png';\nimport img6 from 'img/blog/6-marketing-strategies-that-will-increase-your-conversions/converse.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        It’s not enough to have a website that gets ample traffic. Ultimately, you want your\n        visitors to buy your products and keep coming back.\n      </p>\n\n      <p>So what can you do to get visitors to convert?</p>\n\n      <p>\n        Getting more traffic might be your first thought. But if your website is poorly optimized or\n        there are too many barriers to conversion, more traffic won’t do you any good.{' '}\n      </p>\n\n      <p>\n        This article will cover the top marketing strategies that you can implement to increase your\n        conversions. Get these strategies right, and you can generate more sales with the same\n        amount of traffic you already have.{' '}\n      </p>\n\n      <p>Let’s get into it.</p>\n\n      <h2>1. Add Videos to Your Product Pages</h2>\n      <p>\n        Even a short minute-long video can better explain a product and break down its features than\n        a page with large blocks of text.\n      </p>\n\n      <p>\n        <Link\n          href=\"https://www.wyzowl.com/video-marketing-statistics/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          69%\n        </Link>{' '}\n        of consumers indicated that they’d prefer to watch a short video to learn more about a\n        product or service. 84% were convinced to purchase after watching a video.\n      </p>\n      <p>Here are some types of videos you can add to pages:</p>\n      <ul>\n        <li>\n          <strong>Explainer</strong>:{' '}\n          <Link\n            href=\"https://breadnbeyond.com/explainer-video-company/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer nofollow\"\n          >\n            Explainer videos\n          </Link>{' '}\n          are short and explain your company’s products or services, along with how consumers can\n          benefit from them.\n        </li>\n        <li>\n          <strong>Demonstration</strong>: Demonstration videos are a little different than explainer\n          videos. These videos show how your product works.\n        </li>\n        <li>\n          <strong>Testimonial</strong>: Testimonials from customers are a great way to lend\n          credibility to your brand and show what results others have achieved through your products\n          or services. They are an excellent form of social proof.\n        </li>{' '}\n      </ul>\n      <p>\n        The use of videos when setting up{' '}\n        <Link\n          href=\"https://www.frevvo.com/blog/how-to-create-a-workflow/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          workflow automation\n        </Link>{' '}\n        will prove to be better for conversion rates. Videos can help to optimize your workflows to\n        convert more leads by explaining your product or service in an engaging and understandable\n        way.{' '}\n      </p>\n      <img\n        src={img1}\n        alt=\"Product video on frevvo's landing page\"\n        loading=\"lazy\"\n        title=\"Add Videos to Your Product Pages\"\n      />\n      <p>\n        Source:{' '}\n        <Link\n          href=\"https://www.frevvo.com/sharepoint-forms\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          frevvo\n        </Link>\n      </p>\n\n      <p>\n        Visitors on this page can watch the video to learn more about digitizing their forms and\n        automating workflows. They can also see exactly how the software works.\n      </p>\n\n      <p>\n        Similarly, using videos on your pages can help visitors make a purchasing decision. Be sure\n        to keep videos short and cover your value proposition.{' '}\n      </p>\n\n      <h2>2. Set Up Live Chat on Your Website</h2>\n      <p>\n        Live chat offers a convenient option for visitors to get in touch with your business as they\n        browse the site. Instead of having to pick up the phone or wait for a response via email,\n        visitors can chat in real-time with a customer service rep.\n      </p>\n\n      <p>\n        One study found that{' '}\n        <Link\n          href=\"https://www.superoffice.com/blog/live-chat-statistics/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          46%\n        </Link>{' '}\n        of consumers prefer live chat over other communication channels like email and social media.\n      </p>\n      <img\n        src={img2}\n        alt=\"Chart that illustrates consumers preferring digital chat over email and social media\"\n        loading=\"lazy\"\n        title=\"Set Up Live Chat on Your Website\"\n      />\n      <p>\n        Source:{' '}\n        <Link\n          href=\"https://www.superoffice.com/blog/live-chat-statistics/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          SuperOffice\n        </Link>\n      </p>\n\n      <p>\n        Visitors are less likely to convert if they have questions that go unanswered. Adding live\n        chat to your site can help you avoid losing potential sales. Sales agents can then interact\n        with visitors and remove any objections they might have on the spot.\n      </p>\n\n      <p>\n        Another benefit of live chat is that it allows your sales agents to manage multiple\n        conversations simultaneously — something they can’t do on the phone.\n      </p>\n\n      <p>\n        Live chat is a valuable tool that can drive more sales. But keep response times to a\n        minimum, as visitors who are left waiting will simply give up and move on.{' '}\n      </p>\n\n      <p>\n        If you’re handling many requests, take a proactive approach and use a welcome message to let\n        visitors know when they can expect to connect with someone.\n      </p>\n      <h2>3. Curate Relevant and Valuable Content</h2>\n      <p>\n        Another way to drive more traffic to your site and increase conversions is through content\n        curation — collecting useful content and sharing it with your audience.{' '}\n      </p>\n\n      <p>\n        Moz offers one of the best{' '}\n        <Link\n          href=\"https://divbyzero.io/blog/content-curation-examples/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          content curation examples\n        </Link>{' '}\n        with its Moz Top 10 — a newsletter that contains a list of the 10 most valuable articles on\n        SEO and online marketing.{' '}\n      </p>\n      <img\n        src={img3}\n        alt=\"Moz Top 10 newsletter\"\n        loading=\"lazy\"\n        title=\"Curate Relevant and Valuable Content\"\n      />\n      <p>Here are a few ways you can incorporate content curation into your marketing:</p>\n      <ul>\n        <li>Share valuable content on your social media channels</li>\n        <li>Provide opinions and thoughts on trending pieces</li>\n        <li>Compile breaking news on a topic as it happens</li>\n        <li>Add links to engaging pieces in your newsletters </li>\n      </ul>\n      <p>\n        The key here is that you’re not just aggregating random pieces of content. To incorporate\n        this marketing strategy, you’ll need to find resources that are useful to your audience.\n      </p>\n\n      <p>Here are some tips to getting started:</p>\n      <ul>\n        <li>\n          <strong>Choose a topic or theme</strong>: One way to bring your curated list together is\n          to focus on a theme. For example, if you’re in fintech like EarlyBird, you might curate\n          content that focuses on the{' '}\n          <Link\n            href=\"https://www.getearlybird.io/blog/best-investments-for-kids\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer nofollow\"\n          >\n            best investments for kids\n          </Link>\n          .\n        </li>\n        <li>\n          <strong>Organize your list</strong>: Organize your list in a way that makes sense, and be\n          sure to link to the source. Consider also adding your thoughts or opinions to make your\n          curated list more unique.\n        </li>\n        <li>\n          <strong>Publish and distribute</strong>: In addition to publishing the curated list on\n          your site, you’ll also want to share it on your social media accounts to spread the word.\n        </li>\n      </ul>\n      <p>\n        When done correctly, you can provide a valuable resource to readers and generate more\n        conversations from the traffic you drive. But, of course, you shouldn’t rely only on content\n        curation, as you also need to create and publish your own unique content.\n      </p>\n      <h2>4. Remove Friction From the Buying Process</h2>\n      <p>“Friction” refers to anything that stops visitors from completing an action.</p>\n\n      <p>\n        Have you ever abandoned a shopping cart because it didn’t offer a guest checkout option? Or\n        closed a website because it wasn’t optimized for your device?\n      </p>\n\n      <p>\n        Those are examples of friction, and they’re conversion killers. They stop visitors from\n        filling out your lead forms or buying products.\n      </p>\n\n      <p>\n        This is why you should remove as many distractions as possible on your landing pages. If\n        your pages are difficult to navigate or filled with unnecessary gimmicks, visitors are\n        likely to bounce.\n      </p>\n\n      <p>\n        Similarly, if you work with partners in your industry, make it as easy as possible for\n        visitors to transfer over. For example, visitors that click on any of the listed{' '}\n        <Link\n          href=\"https://simplemoneylyfe.com/best-credit-repair-companies/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          credit repair companies\n        </Link>{' '}\n        on this website are automatically redirected to the registration page.\n      </p>\n      <img\n        src={img4}\n        alt=\"Credit Saint registration page\"\n        loading=\"lazy\"\n        title=\"Remove Friction From the Buying Process\"\n      />\n      <p>\n        Source:{' '}\n        <Link\n          href=\"https://simplemoneylyfe.com/best-credit-repair-companies/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          SimplyMoneyLyfe\n        </Link>\n      </p>\n      <p>\n        Connecting visitors to the right page eliminates the risk of losing conversions to\n        navigation issues within the partner pages.\n      </p>\n      <h2>5. Shorten Your Lead Generation Forms</h2>\n      <p>\n        A goal for one of your landing pages might be to collect leads. That means you’ll need to\n        design a form that asks visitors to fill out and submit their personal information.\n      </p>\n\n      <p>\n        But if your forms require too many fields, you’ll likely scare away your visitors and hurt\n        your conversions. The reason is simple — online users don’t like to share more personal\n        information than they need to. Most will bounce and check out a competing option instead.\n      </p>\n\n      <p>\n        Keep the number of form fields to a minimum and only ask for the information you need. To\n        avoid overwhelming your visitors, you can also break up your forms into multiple sections.\n      </p>\n\n      <p>\n        For example, this page for finding{' '}\n        <Link\n          href=\"https://www.adamenfroy.com/peo-companies\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          PEO companies\n        </Link>{' '}\n        (Professional Employer Organizations) starts by asking visitors to enter just one piece of\n        information before moving onto the next section.\n      </p>\n      <img\n        src={img5}\n        alt=\"Form to find the best PEO company\"\n        loading=\"lazy\"\n        title=\"Shorten Your Lead Generation Forms\"\n      />\n      <p>\n        The form also displays a progress bar, so visitors can see how far along they are. The\n        company can collect lead data for customer profiling and build its email subscription list.{' '}\n      </p>\n\n      <p>\n        It also provides customers with recommendations for PEO companies based on their specific\n        needs and location, making the user more likely to convert.{' '}\n      </p>\n      <h2>6. Use Pop-Ups</h2>\n      <p>\n        Ask anyone what they think of pop-ups, and you’ll likely get a negative response. But, even\n        if you find them personally annoying, pop-ups remain an effective way to increase\n        conversions.\n      </p>\n\n      <p>\n        Pop-ups typically include offers designed to get visitors to act right away. Perhaps the\n        most common are those that feature discounts, like this one from Converse.\n      </p>\n      <img src={img6} alt=\"Converse pop-up\" loading=\"lazy\" title=\"Use Pop-Ups\" />\n      <p>\n        Source:{' '}\n        <Link href=\"http://converse.com\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Converse\n        </Link>\n      </p>\n\n      <p>\n        Visitors can get 15% off their order and receive free shipping when they subscribe to\n        Converse’s mailing list.{' '}\n      </p>\n      <p>You can also use pop-ups to promote:</p>\n      <ul>\n        <li>Free guides or courses</li>\n        <li>Social media profiles</li>\n        <li>Competitions</li>\n        <li>Ongoing sales</li>\n      </ul>\n      <p>Here are some tips to get started with pop-ups:</p>\n      <ul>\n        <li>\n          <strong>Get the timing right</strong>: Displaying pop-ups right away can be rather\n          intrusive. Instead, you might have pop-ups only appear after visitors have spent a certain\n          amount of time on your site.\n        </li>\n        <li>\n          <strong>Add a call to action</strong>: Include a call to action that tells your visitors{' '}\n          <i>exactly</i> what you want them to do, whether it’s subscribing to your newsletter or\n          buying a product.\n        </li>\n        <li>\n          <strong>Include images</strong>: Add images and other attractive designs to make your\n          pop-up attract more attention.\n        </li>\n        <li>\n          <strong>Test different formats</strong>: Full-screen pop-ups aren’t the only format.\n          Others include floating bars, scroll boxes, and even gamified wheels. Be sure to\n          experiment with each.\n        </li>\n        <li>\n          <strong>Be mobile-friendly</strong>: Make sure that your pop-ups work properly on all\n          devices, including desktops, tablets, and smartphones.\n        </li>\n      </ul>\n      <p>\n        Finally, you’ll want to run A/B tests to understand what works and what doesn’t. This\n        entails showing different variations of a pop-up to your visitors and comparing the results.{' '}\n      </p>\n      <h2>Conclusion</h2>\n      <p>\n        Just building a website and getting traffic isn’t enough. The hard part is turning visitors\n        into customers — not an easy feat, especially in more competitive markets.\n      </p>\n\n      <p>\n        Implement the strategies outlined above to improve your conversion rates. These include\n        adding videos to landing pages, setting up live chat on your website, and removing friction\n        from the conversion process.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '6 Marketing Strategies That Will Increase Your Conversions',\n  url: '/blog/6-marketing-strategies-that-will-increase-your-conversions/',\n  description: `Utilize these 6 marketing strategies to increase the conversion rate of your business website.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-08-12',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/swag-fc5211c96df3145619919353cf3045a7.png\";","module.exports = __webpack_public_path__ + \"static/dashboard_segmenetation-e7d75f5efb622cdfebdb7368dfaf522f.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/signup-improve.png';\n\nimport img1 from 'img/blog/unnamed.png';\nimport img2 from 'img/blog/screely-1579457606861.png';\nimport img3 from 'img/blog/unnamed-1-.png';\nimport img4 from 'img/blog/unnamed-2-.png';\nimport img5 from 'img/blog/unnamed-5-.png';\nimport img6 from 'img/blog/unnamed-4-.png';\nimport img7 from 'img/blog/unnamed-3-.png';\nimport img8 from 'img/blog/screely-1579465559231.png';\nimport img9 from 'img/blog/unnamed-6-.png';\nimport img10 from 'img/blog/wrapel1.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Sign-up forms are like medicines - you may hate them, but you know you have to take them to\n        feel better. On websites, they play the role of “a ticket” to what is behind the main page -\n        a product, a service or a special offer.\n      </p>\n      <h2 id=\"and-selling-that-ticket-may-be-more-troublesome-than-you-think-it-could-be-\">\n        And selling that ticket may be more troublesome than you think it could be.\n      </h2>\n      <p>\n        Sign-up forms are a gate that your users need to cross to access your services. However, if\n        that gate is off-putting and does not quite click, it can result in a high bounce rate and\n        fewer conversions that you’d desire.\n      </p>\n      <p>\n        The best sign-up form examples do not stand out with extraordinary features - rather than\n        that, they combine the right practices in a customer-oriented form. Where to get some\n        sign-up form inspiration and how to create a compelling form that will convert like crazy?\n        Read this post to find out.\n      </p>\n      <aside>\n        <p>\n          <b>You’ll learn today:</b>\n        </p>\n        <ul>\n          <li>what is a sign-up form</li>\n          <li> some basic sign-up forms tips</li>\n          <li>best practices for sign-up forms</li>\n          <li>best sign-up form examples</li>\n          <li>common mistakes with sign-up forms</li>\n        </ul>\n      </aside>\n\n      <p>\n        According to{' '}\n        <a\n          href=\"https://themanifest.com/web-design/6-steps-avoiding-online-form-abandonment\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          The Manifest\n        </a>\n        , 81% of people have abandoned a form after beginning to fill it out. 27% blame its length\n        for this, but there are also many other reasons why sign-up forms do not convert. Before we\n        start identifying what some sign-up form best practices are, let’s briefly explain what all\n        the fuss is about.\n      </p>\n      <h2 id=\"what-is-a-sign-up-form-\">\n        What is a sign-up form<strong>?</strong>\n      </h2>\n      <p>\n        Long story short: a sign-up form is a form requiring some information from a user who wants\n        to take a particular action, such as a registration. For brands, a well-functioning form is\n        needed to generate more leads and convert them into deals.\n      </p>\n      <h2 id=\"how-to-improve-a-sign-up-form-\">How to improve a sign-up form?</h2>\n      <p>\n        There are quite a few methods you can use to improve your forms. Some of them can be\n        included in a series of quick fixes, while implementing others can take a bit more time.\n        Browse some sign-up form best practices along with top examples and get inspired.\n      </p>\n      <h3 id=\"make-your-sign-up-form-short-and-sweet\">Make your sign-up form short and sweet</h3>\n      <p>\n        The most important thing about preparing a sign-up form is… not to overdo it. It’s\n        understandable that you want to know a lot about your potential client, but the very first\n        sign-up form they need to fill in is not the best time and place to do so.\n      </p>\n      <p>\n        <em>How willing would you be to fill in the sign-up form below?</em>\n      </p>\n      <p>\n        <img src={img1} alt=\"form\" title=\"Sign-up form\" />\n      </p>\n      <p>\n        The length of the form is one thing - another is the amount of information and action it\n        requires from the user. All of the fields are obligatory. In this case, the user needs to\n        fill in eight fields if they want to download a single piece of content. That’s quite a lot\n        of effort, isn’t it?\n      </p>\n      <p>\n        Remember about the goal of your sign-up form - this is one of the very first touchpoints\n        between your potential clients and your product.. There will be a better time and place to\n        get to know your user better. At this point, the goal is to encourage them to register.\n      </p>\n      <h3 id=\"via-negativa-sign-up-form-creation\">Via negativa sign-up form creation</h3>\n      <p>\n        Have you ever heard the term <em>via negativa</em>? It stands for “\n        <em>addition by subtraction</em>”: in order to improve usability and deliver more added\n        value, you actually remove existing elements instead of adding new ones.\n      </p>\n      <p>\n        Take a look at this Basecamp example - they ask for a name and e-mail address. Would it hurt\n        to ask for an e-mail only?\n      </p>\n      <p>\n        <img src={img2} alt=\"form\" title=\"Basecamp signup form\" />\n      </p>\n      <p>\n        The answer is: no. And Netflix knows about it, so they only for an e-mail address after\n        describing their biggest asset: <strong>unlimited &amp; more, anytime, anywhere</strong>\n        .They do not need to know a user’s name (yet) to serve them well, and the user can access\n        the site in seconds. Doesn’t it sound like a great start?\n      </p>\n      <p>\n        <img src={img3} alt=\"netlfix form\" title=\"Netflix signup form\" />\n      </p>\n      <h3 id=\"use-authority-quotes-and-benefits\">Use authority quotes and benefits</h3>\n      <p>\n        As long as you should keep your sign-up forms concise and straight to the point, you also\n        should think about implementing some incentives for those who may still be hesitant to\n        sign-up. Adding some authority quotes and social proof (such as reviews from software review\n        sites like Capterra, G2 or Trustpilot), as well as a brief list of benefits (sometimes a\n        short sentence will do) can result in increased conversion rates.\n      </p>\n      <p>Take a look at a few examples.</p>\n      <figure>\n        <img src={img4} alt=\"form example\" title=\"Example of authority in form - Filecamp\" />\n        <figcaption>\n          <b>Filecamp.com</b> digital asset management software - used a testimonial to persuade\n          those who still had doubts.\n        </figcaption>\n      </figure>\n\n      <figure>\n        <img src={img5} alt=\"form example\" title=\"Example of authority in form - Liveagent\" />\n        <figcaption>\n          <b>Liveagent.com</b>, customer support management software - listed their benefits in just\n          two sentences and added social proof in the form of their client’s opinions – together\n          with a picture of the client, to show that he’s a real person.\n        </figcaption>\n      </figure>\n\n      <figure>\n        <img src={img6} alt=\"form example\" title=\"Example of authority in form - CloudTalk\" />\n        <figcaption>\n          <b>CloudTalk.io</b>, call center management software. Instead of providing a single\n          review, CloudTalk shows a couple of ratings from the most popular software review sites.\n        </figcaption>\n      </figure>\n\n      <p>Oh, and we’re no different:</p>\n      <figure>\n        <img src={img7} alt=\"form example\" title=\"Example of authority in form - CloudTalk\" />\n        <figcaption>\n          At <b>LiveSession</b>, we provide solid social proof as well as a short list of benefits\n          on our sign-up form landing page. You know exactly what kind of value you’re getting.\n        </figcaption>\n      </figure>\n\n      <h3 id=\"make-it-quick-and-visible\">Make it quick and visible</h3>\n      <p>\n        Let’s face it: your users don’t feel comfortable with providing too much data from the very\n        beginning, especially nowadays. However, spending too much time on filling out the form is\n        not something they’re keen on. Looking for the sign-up form forever isn’t their favorite\n        activity either….\n      </p>\n      <p>\n        You should let your potential clients sign up in seconds, and access the form from anywhere.\n        The form itself is crucial, but if your users need to look for it for too long then they may\n        give up and turn to your competitors. If you scroll Kontentino’s website (below), you’ll\n        notice that a “sign up” button is scrollable and stays in the same place (top right). It\n        doesn’t matter if you scroll the website up and down, so you can always sign up instantly,\n        without seeking the magic button.\n      </p>\n      <p>\n        <img src={img8} alt=\"form example\" title=\"Form must be quick and visible\" />\n      </p>\n      <p>\n        Your sign-up form itself should be short and easy to implement. This way, you can attach it\n        to blog posts or embed it in a pop-up without unnecessary hassle.\n      </p>\n      <p>\n        Always give your potential customers one opportunity:{' '}\n        <strong>to be a click away from signing up</strong>. You should also give them a chance to\n        do it either by providing an email address or by logging in to Facebook or Google to shorten\n        the customer journey. In other words, give them a choice.\n      </p>\n      <p>\n        <img src={img9} alt=\"create account form\" title=\"Simple form\" />\n      </p>\n      <h3 id=\"sign-up-form-design-matters\">Sign-up form design matters</h3>\n      <p>\n        On top of all of that, your sign-up form just has to be user-friendly and intuitive. Easier\n        said than done? For sure, but it’s worth following sign-up form best practices to get\n        inspired.\n      </p>\n      <p>\n        Check out this example from{' '}\n        <a href=\"https://www.typeform.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Typeform\n        </a>\n        . Minimalistic sign-up forms while presenting their USPs in a few words is not going to\n        distract potential users.\n      </p>\n      <p>\n        <img src={img10} alt=\"form\" title=\"Signup form\" />\n      </p>\n      <p>\n        Finding the golden mean between great design,{' '}\n        <a href=\"/blog/improving-customer-experience/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          customer experience\n        </a>{' '}\n        and conversion is not the easiest task. This is why you should consider running some{' '}\n        <a href=\"/blog/5-tips-for-better-a-b-tests/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          A/B tests on your website\n        </a>{' '}\n        to see which solution works best in your case.\n      </p>\n      <p>\n        You can also get a little creative and introduce a bit of humor. Writing something funny\n        about passwords (for example: “It’ll be our secret” or “No worries, we won’t tell anyone”)\n        can make you more memorable. Of course, the reception of these little jokes depends on your\n        audience – why not test different approaches and see what works best in your case?\n      </p>\n      <h2 id=\"common-sign-up-forms-mistakes\">Common sign-up forms mistakes</h2>\n      <p>\n        There are a few common mistakes that people often make with sign-up forms. Luckily, many are\n        easily avoidable if you’re aware of them. Let us just list a few of the most popular ones:\n      </p>\n      <ul>\n        <li>\n          inserting text in the fields and forcing your users to delete the text first before they\n          can write their data (how frustrating, no?)\n        </li>\n        <li>\n          no clear info or goal of a sign-up - a potential user has no idea of what they register\n          for\n        </li>\n        <li>requiring too much information on a sign-up form</li>\n        <li>lack of building trust, both with a website and a sign-up form</li>\n        <li>too many annoying pop-ups with a sign-up form</li>\n        <li>poor copywriting, not communicating the product’s value</li>\n      </ul>\n      <aside>\n        <h2>How to improve sign-up forms with LiveSession?</h2>\n        <p>\n          <b>LiveSession</b> can help you improve your sign-up forms. By{' '}\n          <b>analyzing customer behavior</b> on your website, you’re able to recognize bottlenecks\n          and potential problems your users encounter.\n        </p>\n        <p>You can identify what kind of copy and CTAs work for your potential clients.</p>\n        <p>\n          This kind of detailed qualitative analyics gives you <b>more context</b> for the numbers.\n          Not only you will see what kind of sign-up forms work best but also why they work so well.\n        </p>\n        <p>\n          What’s more, you can also see how your sign-up forms perform on different devices (desktop\n          and mobile) and in different browsers. Thanks to{' '}\n          <a\n            href=\"/blog/how-to-use-filters-in-user-research/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            advanced segmentation features\n          </a>\n          , you can track the parameters that matter most.\n        </p>\n      </aside>\n\n      <h2 id=\"to-wrap-up\">To wrap-up</h2>\n      <p>\n        A sign-up form may seem like nothing but just a few fields that need to be filled – but it’s\n        much more than that. It’s a chance to grab the user’s attention, make a great first\n        impression and persuade them to make a commitment.\n      </p>\n      <p>\n        Working on your sign-up form conversion can be tough and daunting but if you do it right, it\n        leads to tremendous growth. Your clients are happy because they can register without too\n        much effort, you are happy because you get more of them and your conversion rates skyrocket.\n        A win-win situation, isn’t it?\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '5 Tips to Improve Sign-up Forms (with examples)',\n  url: '/blog/tips-to-improve-sign-up-forms-with-examples/',\n  description: `Sign-up forms are like medicines - you may hate them, but you know you have to\n  take them to feel better.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-01-24',\n  category: '',\n  group: 'Research',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/awards_2-6af838bda142c55308ba98ec61c5b10f.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\nimport Link from 'components/ui/link';\n\nimport newFilters from 'img/blog/updates/new_filters_art.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        We&apos;ve implemented the method that lets you identify users and add custom properties to\n        his sessions (you can learn more{' '}\n        <Link href=\"/help/user-identification-custom-properties/\" target=\"_blank\">\n          here\n        </Link>\n        ). Thanks to this, you can easily check how&apos;re your users doing and provide better\n        support. Use emails and names in filters to get session replays of specific users.\n      </p>\n      <ImageModal src={newFilters} alt=\"Filters\" title=\"New filters in LiveSession\" />\n      <p className=\"mt-3\">\n        To make your job easier we&apos;ve added autocompletion of search value. It was easy before\n        to make a typo and hard to browse collected data. That&apos;s why we&apos;ve implemented\n        this feature. It lists all of you values with a number of occurrences per property. You can\n        see it on screenshot above.\n      </p>\n      <p>Thanks for your attention and stay tuned. </p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'User parameters in filters and autocomplete',\n  url: '/blog/new-filters-released/',\n  description: 'From now on, you can filter sessions by username and email',\n  author,\n  img: newFilters,\n  date: '2018-09-22',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/image2-a6f57ad45ecfc0c76707be5a18525078.jpg\";","module.exports = __webpack_public_path__ + \"static/img12-7fe777b07bc8521230fee59fb31af855.jpg\";","module.exports = __webpack_public_path__ + \"static/dashboard_traffic-527d903d3da3b817f16e25c4d578b25f.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorDhaval as author } from 'data/authors';\nimport img from 'img/blog/covers/boost-conversion.png';\nimport img1 from 'img/blog/boost-websites-conversion/1.png';\nimport img2 from 'img/blog/boost-websites-conversion/loadtime.jpg';\nimport img3 from 'img/blog/boost-websites-conversion/content.png';\nimport img4 from 'img/blog/boost-websites-conversion/forms.png';\nimport img5 from 'img/blog/boost-websites-conversion/ga.png';\nimport img6 from 'img/blog/boost-websites-conversion/ab.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        UX design is at the center of all the tricks and measures that a website employs to engage\n        users. Quite naturally, UX design determines the audience engagement, traction and business\n        conversion of a website more than any other factor. It is the UX design that shapes the\n        usability, accessibility and utility of a website.\n      </p>\n      <p>\n        While great UX design enjoys so much importance in web projects, it is more than just\n        eye-catchy design layout, smooth user flow and quick loading time. A great web user\n        experience is the neat outcome of an array of factors leading to ease of use, smooth\n        engagement and user interactions, more web traffic and more business conversions. In short,{' '}\n        <a href=\"/user-experience/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          better user experience helps a brand to convert more visitors\n        </a>{' '}\n        into business leads and buyers.\n      </p>\n      <p>\n        Let us provide here some of the tried and tested ways to enhance the user experience that\n        any{' '}\n        <a\n          href=\"https://www.intelivita.com/web-development/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          web development company\n        </a>{' '}\n        will find helpful.\n      </p>\n      <h2>Create well defined CTA</h2>\n      <p>\n        Call to Action (CTA) are the actionable buttons that allow users to take actions or make\n        meaningful interactions. These CTA buttons helps convert leads or actual business through\n        successive steps. For example, a common CTA button such as &ldquo;Start a trial&rdquo; can\n        allow users to opt for a free trial for a limited period before deciding to make the actual\n        purchase.\n      </p>\n      <img src={img1} alt=\"Call to action\" title=\"Create well defined CTA\" />\n      <p>\n        Depending upon the website niche, objective and user journey, there can a wide variety of\n        CTAs such as <em>&ldquo;</em>\n        <a\n          href=\"/blog/tips-to-improve-sign-up-forms-with-examples/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <strong>\n            <em>sign up for update</em>\n          </strong>\n        </a>\n        <em>&rdquo;</em>, &ldquo;\n        <strong>\n          <em>ask for a quote</em>\n        </strong>\n        &rdquo;, &ldquo;\n        <strong>\n          <em>free demo</em>\n        </strong>\n        &rdquo;, &ldquo;\n        <strong>\n          <em>download the app</em>\n        </strong>\n        &rdquo;, &ldquo;\n        <strong>\n          <em>book a consultation</em>\n        </strong>\n        &rdquo;, &ldquo;\n        <strong>\n          <em>get an appointment</em>\n        </strong>\n        &rdquo;, &ldquo;\n        <strong>\n          <em>get newsletter</em>\n        </strong>\n        &rdquo;, &ldquo;\n        <strong>\n          <em>save in wish list</em>\n        </strong>\n        &rdquo; etc.\n      </p>\n      <p>\n        The CTA button must be highly contextual or fully related to the context of the page. It\n        should clearly convey the message about the action and should easily attract the attention\n        of the user. Most websites enjoying consistently higher rate of conversion use attractive,\n        engaging and meaningful CTAs.\n      </p>\n      <p>Here are some effective tips in designing website CTA buttons.</p>\n      <ul>\n        <li>\n          The button must appear in a prominent place and preferably should appear above the fold so\n          that users without much scrolling can see it.\n        </li>\n        <li>\n          The CTA button colour should appropriately hold the emotion of the action and the niche\n          and it should appear with proper contrast to attract attention easily.\n        </li>\n        <li>\n          The text in the CTA should directly refer to an action that a user can take. It should not\n          use passive expression.\n        </li>\n        <li>The CTA text should be short and should not consume more than 5 words.</li>\n        <li>\n          The CTA button should be designed big enough to help easy finger tap on any mobile screen.\n        </li>\n      </ul>\n      <h2>Stay clear of page loading or navigation errors</h2>\n      <p>\n        Though this fault has already been an old and repeated one, glitches in page loading and\n        errors in navigation can lead to serious loss of website traffic. While browsing, instead of\n        coming to your intended page if you land on a 404 error page, you are likely to leave and go\n        to another website.\n      </p>\n      <img src={img2} alt=\"Load time\" title=\"Stay clear of page loading or navigation errors\" />\n      <p>\n        Similarly, if your website page takes more than three or four seconds to load, today&apos;s\n        users will go to some other website. According to most recent web statistics,{' '}\n        <a\n          href=\"https://www.thinkwithgoogle.com/intl/en-ca/marketing-strategies/app-and-mobile/mobile-page-speed-new-industry-benchmarks/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          53% of visitors leave a site if it takes more than 3 seconds to load\n        </a>\n        . Slow loading time leads to the loss of the highest number of web traffic. But fortunately,\n        you can repair both of these fault lines and can ensure a fast loading website with no error\n        page.\n      </p>\n      <p>Here below we provide some effective tips.</p>\n      <ul>\n        <li>Fix the 404 error by detecting the browsers and pages where thus is occurring.</li>\n        <li>Make sure the website CMS, all the plugins and themes are up to date.</li>\n        <li>Make sure you use a code compression tool for a leaner performance.</li>\n        <li>\n          Use a compression tool for all the visual files so that your website loading speed gets a\n          boost.\n        </li>\n        <li>\n          Use lazy loading technique to ensure preferential loading of the page text followed by the\n          images and other heavier elements.\n        </li>\n      </ul>\n      <h2>Use scannable and visually optimised content</h2>\n      <p>\n        Let us remind you that most users these days hate to read long text content and instead they\n        like to quickly scan a text content. This is why contents helping at a glance scanning with\n        the use of small paragraphs, bullet points, multiple heads and subheads, infographics and\n        images enjoy better engagement, readability and traction than content lacking these\n        elements.\n      </p>\n      <img src={img3} alt=\"Content\" title=\"Use scannable and visually optimised content \" />\n      <p>\n        Images are increasingly playing an important role in website content. They not only can give\n        a facelift to the web content they can actually create a unique flair if used with a clear\n        impact in mind. But while using images, it is always advisable to use authentic photographs\n        instead of stock photos.\n      </p>\n      <p>Here are some useful tips.</p>\n      <ul>\n        <li>Use small paragraphs and break the content in sections with heads and subheads.</li>\n        <li>Use bullet points wherever you need to mention some points.</li>\n        <li>\n          Use variation of font type and size to give a visual flair to the content and to make\n          portions of the content stand out from the rest.\n        </li>\n        <li>\n          Use authentic images, infographics, custom designed graphics and hand-drawn images\n          meaningfully within content.\n        </li>\n        <li>\n          Ensure optimum readability with the use of right font, size, indent and content layout.\n        </li>\n      </ul>\n      <h2>Design more engaging and simpler web forms</h2>\n      <p>\n        How many times while filling out a web form at the time of an online purchase the form\n        seemed to be too lengthy? Yes, this happened to too many of us and many times we simply\n        dashed out of the website in disgust. Well, this is one of the worst ways to lose business\n        and traffic.\n      </p>\n      <img src={img4} alt=\"forms\" title=\"Design more engaging and simpler web forms\" />\n      <p>\n        According to Google the structure, length and format of web forms are likely to have a\n        serious impact on the completion and submission of forms by the users. So, if you are\n        serious about boosting business conversion by{' '}\n        <a href=\"/blog/improving-customer-experience/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          improving your website&apos;s user experience\n        </a>\n        , this is one area that deserves maximum attention.\n      </p>\n      <p>Here are some effective tips regarding form fields.</p>\n      <ul>\n        <li>\n          If for your form you choose any specific requirement like the password length or password\n          character, specify it beforehand.\n        </li>\n        <li>\n          If the user conducts errors, the error notification should come in the corresponding\n          field, not in the top or bottom of the form.\n        </li>\n        <li>\n          There should be clear demarcation and mention about the mandatory and optional fields.\n        </li>\n        <li>Maintain a simple form format with minimum fields.</li>\n        <li>Allow auto completion of fields wherever possible.</li>\n        <li>Allow social login to fill up forms wherever applicable.</li>\n        <li>Always offer users to save data for future logins.</li>\n        <li>\n          Always thoroughly test the form and evaluate the difficulties and glitches and submitting\n          forms.\n        </li>\n        <li>\n          It is advisable to use the headline if the form as a CTA. This will help you garner more\n          conversion.\n        </li>\n      </ul>\n      <h2>Driving clear objectives through Google Analytics</h2>\n      <p>\n        Finally, you need to track all major metrics and parameters of your website performance and\n        user engagement to detect the shortcomings and fault lines and to take steps accordingly.\n        Google Analytics report can be used to set and create goals for business conversion.\n      </p>\n      <img src={img5} alt=\"analytics\" title=\"Driving clear objectives through Google Analytics\" />\n      <p>\n        In the admin menu of Google Analytics you can set goals for specific duration. Once your\n        conversion goal is set you can keep track of this from time to time right from the menu\n        itself. The best thing about this tool is that you can apply goal setting to almost anything\n        in your website. For example, you can set a clear goal of the number of form submissions on\n        your landing page.\n      </p>\n      <h2>Use A/B testing</h2>\n\n      <p>\n        Finally, all the tips and advice that we offered so far ultimately leads to A/B testing, the\n        only effective way to judge whether your design decisions are right or not. Either you can\n        incorporate design changes based on data driven insights furnished by website analytics or\n        test these changes and evaluate their impact. A/B testing refers to the second approach\n        where every design decision is presented with two options and based upon the impact you\n        choose one.\n      </p>\n      <img src={img6} alt=\"control/variation ab test\" title=\"Use A/B testing\" />\n      <p>\n        Source:{' '}\n        <a\n          href=\"https://www.optimizely.com/optimization-glossary/ab-testing/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Optimizely\n        </a>\n      </p>\n      <p>\n        <a href=\"/blog/5-tips-for-better-a-b-tests/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          A/B testing\n        </a>{' '}\n        is the process to evaluate each and every of your UX design decisions starting from the CTA\n        to images to elements for high speed page loading to web forms.\n      </p>\n      <p>\n        Let&apos;s have a quick look at all the on-page design elements that can be subjected to A/B\n        testing for a detailed evaluation.\n      </p>\n      <ul>\n        <li>CTA button colour, contrast, size, positioning, and CTA text</li>\n        <li>The position and number of fields in Contact form.</li>\n        <li>Headline text of CTA in contact form.</li>\n        <li>Images, graphics and audiovisual content.</li>\n        <li>Content length and readability elements.</li>\n        <li>Website page design and layout.</li>\n      </ul>\n      <h2>Conclusion</h2>\n      <p>\n        Lastly, it doesn&apos;t need much brainstorming to understand that superior web User\n        Experience is not only about getting quality content and relevant information. However\n        useful content and relevant information a website provides, without a pleasing and engaging\n        presentation, they won&apos;t lead to anywhere. Catching user attention and keeping them\n        onboard with a captivating user experience is the key to great web user experience. Most of\n        the leading brand websites offer clear examples of this principle.\n      </p>\n      <p>\n        This is why it is important to go through meticulous considerations and efforts while\n        building a website. On the other hand, coming with a great website design is not a one-time\n        job. It involves continuous efforts and frequent updates to fine-tune and shape things to\n        perfection.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '5 Actionable Ways to Improve your Website’s UX Design and Boost conversion ',\n  url: '/blog/boost-websites-conversion-with-ux-improvements/',\n  description: `UX design is the process of improving user experience and enhancing users' satisfaction by improving the usability, accessibility and utility of a website.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-04-20',\n  category: '',\n  group: 'Design',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/what-is-a-session-replay-54d46eea3d6d4fbf4ca13dacc9312f7b.png\";","import React from 'react';\nimport { Link } from 'gatsby';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorPatryk as author } from 'data/authors';\nimport img from 'img/blog/livechat-integration/cover.png';\nimport img1 from 'img/blog/livechat-integration/1.png';\nimport img2 from 'img/blog/livechat-integration/2.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        We’re taking our <strong>integration with LiveChat to the next level</strong>.{' '}\n      </p>\n\n      <p>\n        From now on, it’ll be easier to connect LiveSession to a market-leading live chat solution\n        and add context to each conversation you are having.\n      </p>\n\n      <p>\n        With just a couple of clicks, you can add more context to every conversation you are having.\n        Our LiveChat integration will add a link to the user’s session to each chat so that you can\n        access it easily.\n      </p>\n\n      <img\n        src={img1}\n        alt=\"Enrich every chat with a link to the users session replay\"\n        title=\"Livechat integration\"\n      />\n\n      <p>\n        Get to know what the user you are talking to was doing on your website and enchant your\n        visitors with excellent support:\n      </p>\n\n      <img\n        src={img2}\n        alt=\"Get to know what the user you are talking to was doing on your website\"\n        title=\"Livechat integration\"\n      />\n\n      <p>\n        Integrating LiveChat with LiveSession makes it easier to provide customer support and debug\n        technical issues.\n      </p>\n\n      <p>\n        Start using our LiveChat integration now,{' '}\n        <Link to=\"/integrations/livechat/\">visit LiveChat in Integrations Marketplace</Link>.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Integration with LiveChat',\n  url: '/blog/integration-with-livechat/',\n  description: `Enrich every chat with a link to the user&apos;s session replay.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-04-16',\n  category: '',\n  group: 'updates',\n  timeToRead: 2,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/form-analytics-a5a369f649415b0925d6c8052c08c796.png\";","module.exports = __webpack_public_path__ + \"static/profile-page-fn-5460bcad04166df17c141b9ab43a2adf.png\";","module.exports = __webpack_public_path__ + \"static/rocketlinkint-4c19aba4d0b4bcae16ccd3cd3ee110b5.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\nimport Link from 'components/ui/link';\n\nimport topUsers from 'img/blog/updates/top_users_art.png';\nimport topUsersCount from 'img/blog/updates/top_users_count.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>You can now see which of your users in the chosen segment are most active.</p>\n      <p className=\"mt-3\">\n        The information about users is visible in a segment on the top of the sessions list.\n      </p>\n      <ImageModal src={topUsersCount} alt=\"users\" title=\"New users\" />\n      <p className=\"mt-3\">\n        This number is clickable and it opens a detailed list of ten most active (by the number of\n        sessions) users. You can load up to 50 users.\n      </p>\n      <ImageModal src={topUsers} alt=\"users\" lazy title=\"Top active users in segment\" />\n      <p className=\"mt-3\">\n        To get most of this list, you should start to identify your users. Using LiveSession\n        Tracking API you can provide a user name and email which will appear on this list. More info\n        can be found\n        <Link href=\"/help/user-identification-custom-properties/\" target=\"_blank\">\n          here\n        </Link>\n        .\n      </p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Top users in segment',\n  url: '/blog/top-users-in-segment',\n  description: 'See who are the most active users in your segment',\n  author,\n  img: topUsers,\n  date: '2019-02-04',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/image1-1ddab2b5b39a235ad3634b5f2e144db7.jpg\";","module.exports = __webpack_public_path__ + \"static/cover-old-content-55eea398fcbf9345b9ee735965e1c31e.png\";","module.exports = __webpack_public_path__ + \"static/badgeimg-7837e5b9ffc99bdaed5eac0869670ef0.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorPawel as author } from 'data/authors';\n\nimport img from 'img/blog/updates/profile-page-fn.png';\nimport img1 from 'img/blog/updates/profile-page.png';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n  .img-screen {\n    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        On the profile page, you can change your name and password, and thanks to the information\n        about your role in the organization, we can develop the product according to your needs.\n      </p>\n\n      <img\n        src={img1}\n        alt=\"Your profile page\"\n        className=\"img-screen img-fluid justify-content-center mb-5 mt-3\"\n        title=\"Change your name and password\"\n        loading=\"lazy\"\n      />\n\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Your profile page',\n  url: '/blog/your-profile-page/',\n  description: 'On the profile page, you can change your name and password.',\n  author,\n  img,\n  date: '2019-08-30',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/error-clicks-occur-8a64fc5d0870e6bc446b4ff3664fe7ec.png\";","module.exports = __webpack_public_path__ + \"static/new_session_list-f903a8e78c898b74d11a5b31facdd418.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/website_options.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        You can now manage your website to disable the session recording temporarily. We have also\n        released a domain validation for better security and to avoid recording sessions on the test\n        environments.\n      </p>\n      <ImageModal src={img} alt=\"settings\" title=\"Website settings\" />\n      <p className=\"mt-3\">This options can be found in Settings &gt; Websites.</p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Website settings',\n  url: '/blog/website-settings/',\n  description: 'Temporary disable recording or add domain validation check for more security',\n  author,\n  img,\n  date: '2019-04-17',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    group={frontmatter.group}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/badgebackground-1bdd8ef64a5f428122f681b5c6808b7e.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/clicks.png';\nimport video1 from 'video/updates/clicks-localisation-csv-feature-news.webm';\nimport styled from 'styled-components';\nimport VideoModal from 'components/ui/video-modal';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n  }\n  h3 {\n    font-size: 1.1rem;\n    line-height: 1.8rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n`;\n\nconst VideoContainer = styled.div`\n  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <h3>\n        It’s even faster and easier to find out which parts of your product need immediate\n        improvement.\n      </h3>\n\n      <p>\n        On the dashboard, we have added information about interactions and frustration signals -{' '}\n        <strong>Clicks</strong>, <strong>Rage clicks</strong>, and <strong>Error clicks</strong>.\n      </p>\n\n      <p>\n        Also, you can easily and quickly filter out recordings in which specific interactions were\n        recorded from the above three types of interactions.\n      </p>\n\n      <p className=\"mt-5 mb-5\">\n        <VideoContainer>\n          <VideoModal className=\"video-shadow\" src={{ webm: video1 }} />\n        </VideoContainer>\n      </p>\n\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Clicks, Rage clicks and Error clicks on dashboard',\n  url: '/blog/clicks-rage-clicks-and-error-clicks-on-dashboard/',\n  description:\n    'It’s even faster and easier to find out which parts of your product need immediate improvement.',\n  author,\n  img,\n  date: '2019-08-16',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/debug-commitstrip-3c318d8042ac7a042917354a736d9fe8.jpg\";","module.exports = __webpack_public_path__ + \"static/sessiontool-24dac48f23ce432c236b24dc18f98522.png\";","module.exports = __webpack_public_path__ + \"static/user-flow-1c94448e2547bb38494e02719affa94b.png\";","module.exports = __webpack_public_path__ + \"static/csv-c8134dfd958bd43695ef4a8f7106bbdc.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\n\nimport img from 'img/blog/click-tracking/click-tracking.png';\nimport img2 from 'img/blog/click-tracking/rage-clicks.png';\nimport img3 from 'img/blog/click-tracking/tap-tracking.png';\nimport img4 from 'img/blog/click-tracking/opened-clicks.png';\nimport img5 from 'img/blog/click-tracking/install-livesession.png';\nimport img6 from 'img/blog/click-tracking/filters.png';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        You can&apos;t always sit next to your users and see what exactly they&apos;re doing on your\n        website.\n      </p>\n      <p>You don&apos;t have to, though!</p>\n\n      <p>\n        <strong>Click tracking</strong> is an easy and accurate way to collect information on user\n        behaviour. If you&apos;d like to:\n      </p>\n\n      <ul>\n        <li>see what works on your website, and what could be improved,</li>\n        <li>increase your conversion rates,</li>\n        <li>identify errors easily,</li>\n      </ul>\n\n      <p>\n        the best thing to start with is a <strong>click tracking tool</strong>.{' '}\n      </p>\n\n      <p>\n        In this blog post, we&apos;ll walk you through all the secrets of effective click tracking.\n        Let&apos;s dive in!\n      </p>\n\n      <h2>What is click tracking</h2>\n\n      <p>\n        Long story short, <strong>click tracking</strong> is a feature used to{' '}\n        <strong>record clicks</strong> (on desktop) <strong>or taps</strong> (on mobile devices).\n        Technically, when someone clicks or taps something on your website, your click tracking app\n        receives a signal and documents it. As you can see, it&apos;s a very simple process.\n      </p>\n\n      <p>\n        Sounds good, but who needs that anyway? To name just a few examples, click tracking tools\n        can be used by:\n      </p>\n\n      <ul>\n        <li>\n          <strong>user researchers</strong> for designing better products\n        </li>\n        <li>\n          <strong>user experience designers</strong> to evaluate their work\n        </li>\n        <li>\n          <strong>marketing professionals</strong> for optimising conversion rates\n        </li>\n        <li>\n          <strong>quality assurance testers</strong> to find bugs and errors\n        </li>\n      </ul>\n\n      <p>\n        Quite a wide range of applications for such a simple tool, isn&apos;t it? Here&apos;s\n        what&apos;s in it for your business:\n      </p>\n\n      <h2>Why you should track clicks on your website</h2>\n\n      <h3>The answers are already there</h3>\n\n      <p>\n        Click tracking can be a truly <strong>quick win</strong>. You don&apos;t need any\n        questionnaires, focus groups and other time-consuming market research tools. All you need to\n        do is set up tracking and wait for the data to collect itself. What&apos;s more, the final\n        findings are not based on declarations (which are not always entirely true). It all comes\n        from actual user behaviour.{' '}\n      </p>\n\n      <h3>It&apos;s about the empathy</h3>\n\n      <p>\n        In many ways, click tracking is like stepping in your visitor&apos;s shoes. You can see what\n        exactly grabbed their attention and encouraged them to take action. This is the qualitative\n        advantage of using click tracking tools, but there&apos;s much, much more to them!\n      </p>\n\n      <h3>The more the better</h3>\n      <p>\n        Statistically, the more data you have, the closer you are to figuring out the truth. Same\n        rule applies to click tracking.\n      </p>\n\n      <p>\n        If you keep tracking clicks for long enough, you&#39;re sure to see some patterns emerging.\n        Of course, most websites (e.g.{' '}\n        <a\n          href=\"https://www.websiteadvisor.com/ecommerce/review/shopify/\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          e-commerce stores\n        </a>\n        ) have a lot in common but still, <strong>every audience is different</strong>. Often\n        it&#39;s the little differences that you can learn from and take action.\n      </p>\n\n      <p>\n        On the other hand, sometimes you can find room for improvement after watching just a couple\n        of user sessions. Your click tracking tool can be a source of highly valuable data – be\n        ready to take advantage of it!\n      </p>\n\n      <h3>What&apos;s good, what&apos;s bad</h3>\n\n      <p>\n        Once you start tracking clicks, you&apos;ll soon find out what are the most popular features\n        on your website. Knowing this, you can stick to the stuff that works and optimise other\n        elements of your site accordingly.{' '}\n      </p>\n\n      <p>\n        What&apos;s even more important is <strong>what doesn&apos;t work</strong>. Some click\n        tracking tools, including LiveSession, allow you to spot the pain points automatically.{' '}\n        <strong>Rage clicks</strong> are one of the most prominent signs of frustration. Ever found\n        yourself clicking on a button furiously when something wasn&apos;t working? This is what we\n        call a <i>rage click</i>.{' '}\n      </p>\n\n      <img\n        src={img2}\n        alt=\"rage-clicks\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"What is a rage click?\"\n      />\n\n      <p>\n        LiveSession is able to spot rage clicks automatically. This handy feature makes it much\n        easier to find visitors who were particularly unhappy with the service.\n      </p>\n\n      <h2>Different types of click tracking</h2>\n\n      <p>\n        There are three main types of click tracking used by marketing specialists, analysts and UX\n        professionals. These include:\n      </p>\n\n      <h3>Website click tracking</h3>\n      <p>\n        Highly valued by UX researchers and design teams, <strong>website click tracking</strong> is\n        one of the best ways to see how users interact with your product. With website click\n        tracking tools, such as LiveSession, you can record all mouse strokes, scroll and, of\n        course, <strong>clicks and taps</strong>.\n      </p>\n\n      <img\n        src={img3}\n        alt=\"click-taps\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Different types of click tracking\"\n      />\n\n      <p>\n        As mentioned before, watching{' '}\n        <a href=\"/blog/analyze-session-recordings/\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <strong>session recordings</strong>\n        </a>{' '}\n        is like sitting next to your user. You can see everything in real-time; every moment of\n        hesitation, every movement and every action taken.{' '}\n      </p>\n\n      <p>\n        Every session can be replayed to analyse all the clicks, taps and other kinds of user\n        behaviour.\n      </p>\n\n      <p>This is a true goldmine of data.</p>\n\n      <p>\n        It helps you understand what are the exact problems your users are facing. You might have\n        the numbers on how many clicks were there, but <strong>qualitative data</strong> gives you a\n        much deeper insight. With the right analytics, session recordings may become a great\n        inspiration for improving your product.\n      </p>\n\n      <h3>Email tracking</h3>\n\n      <p>\n        It&apos;s not enough to send a good email – the core of good email marketing is tracking\n        what happens after.{' '}\n      </p>\n\n      <p>\n        Many email service providers are integrated with click tracking tools. These allow you to\n        see who opened the email and which links were clicked.\n      </p>\n\n      <p>\n        Did you know that email open rates can be tracked with a single pixel? If the recipient\n        downloads the pixel, the email is recorded as opened. This trick is used by the most popular{' '}\n        <a\n          href=\"https://www.saleshandy.com/blog/best-email-tracking-tools/\"\n          target=\"_blank\"\n          rel=\"noopener nofollow noreferrer\"\n        >\n          email tracking tools\n        </a>\n        , such as{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://mailtrack.io/en/\">\n          Mailtrack\n        </a>{' '}\n        and email marketing tools, such as{' '}\n        <a\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n          href=\"https://help.woodpecker.co/article/56-guide-to-tracking-open-rates-in-woodpecker\"\n        >\n          Woodpecker\n        </a>{' '}\n        and{' '}\n        <a href=\"https://www.sender.net/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Sender\n        </a>\n        .\n      </p>\n\n      <img\n        src={img4}\n        alt=\"email-open-rates\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Email click-through rates\"\n      />\n\n      <p>\n        Of course, there is much more to email analytics than just open rates. For example,{' '}\n        <strong>email click-through rates</strong> can be tracked with a unique URL. For this\n        purpose, you can use one of the dedicated link tracking tools we&apos;re describing below.{' '}\n      </p>\n\n      <h3>Link tracking</h3>\n\n      <p>\n        Tracking links is one of the fundamentals of data-driven online marketing. Once you know\n        what gets most clicks, targeting your ads becomes much easier.{' '}\n      </p>\n\n      <p>\n        All the most popular link tracking tools allow you to record the number of clicks, shorten\n        and customise your URLs. These are the basic functionalities, but there&apos;s a whole range\n        of clever ways to track links and use the information for growing your business!\n      </p>\n\n      <p>\n        Link tracking allows you to collect a lot of data about your audience. If a user has clicked\n        on your link already, it means they&apos;re interested in your product and more likely to\n        interact with it.{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://rocketlink.io/\">\n          Rocketlink\n        </a>{' '}\n        is a link tracking tool that knows exactly how to take advantage of this fact.{' '}\n      </p>\n\n      <p>\n        This handy app can be used to create a list of users who have clicked on your link. The list\n        can be later converted into custom audience for paid ads. It&apos;s a smart way to use your\n        online marketing budget, as you&apos;re targeting visitors who have already interacted with\n        your brand.\n      </p>\n\n      <h2>How to track clicks on your website with LiveSession</h2>\n\n      <p>So, how can you track clicks on your very own website?</p>\n\n      <p>\n        With <strong>LiveSession</strong> setting up click tracking is a piece of cake. Once you\n        create your account, the app will walk you through the whole process. All you need to do is\n        copy a ready-made piece of code and paste it into the head section of your website:\n      </p>\n\n      <img\n        src={img5}\n        alt=\"install-livesession\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"LiveSession recording\"\n      />\n\n      <p>\n        We&apos;ve also created tutorials for the most popular platforms (including Wordpress, Wix,\n        Shopify and more){' '}\n        <a\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://livesession.io/help/how-to-install-livesession-script/\"\n        >\n          here\n        </a>\n        .\n      </p>\n\n      <p>\n        That&apos;s pretty much it! Once the code is embedded correctly, all the clicks on your\n        website are recorded and can be rewatched as many times as you need.{' '}\n      </p>\n\n      <p>\n        If you have any more questions regarding setting up click tracking with LiveSession, you can\n        find a step-by-step tutorial{' '}\n        <a\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://livesession.io/help/how-to-install-livesession-script/\"\n        >\n          here\n        </a>\n        . Need any further assistance? Feel free to get in touch via our live chat in the bottom\n        right corner of the website .\n      </p>\n\n      <h2>Click tracking tips and best practices</h2>\n\n      <p>\n        You&apos;ve got all the right tools to <strong>track clicks on your website</strong>, in\n        your emails and different channels. We&apos;re happy to share some expert tips on click\n        tracking to get you started:\n      </p>\n\n      <h3>A/B testing</h3>\n\n      <p>\n        Even when you think you came up with the perfect solution for your users, don&apos;t get too\n        attached to one version. It&apos;s always good to set up two different solutions, or compare\n        the previous one and the new one.{' '}\n      </p>\n\n      <p>\n        <strong>A/B testing</strong> is about showing different versions of a website/email/etc. to\n        different groups of users. This approach is used to evaluate various solutions and\n        eventually implement the one that performs best. It can be used for UX design, email subject\n        lines, landing pages – virtually all kinds of content your users interact with!\n      </p>\n\n      <h3>User interviews</h3>\n\n      <p>Here&apos;s the golden equation for qualitative user research:</p>\n\n      <p>\n        <strong>click tracking + website recordings + real-time user interviews</strong>\n      </p>\n\n      <p>\n        If you&apos;d like to get the most out of your user interviews, it&apos;s best to join\n        different forces. With click tracking and recordings you can easily come back and analyse\n        the user&apos;s behaviour once again. Combined with their comments and recorded facial\n        expressions, this is a well-documented and actionable source of knowledge.\n      </p>\n\n      <h3>Filtering your data</h3>\n\n      <p>If your website is rather big, it&apos;s not hard to get overwhelmed with data.</p>\n\n      <img\n        src={img6}\n        alt=\"filtering-data\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Filter your data in LiveSession\"\n      />\n\n      <p>\n        With <strong>advanced filtering</strong> it&apos;s easy to avoid this and focus on\n        what&apos;s important instead. LiveSession allows you to filter user sessions by different\n        parameters, such traffic source, location and more.\n      </p>\n\n      <h2>Key takeaways for insightful click tracking</h2>\n\n      <p>What&apos;s our single most important takeaway for a successful click tracking?</p>\n\n      <p>\n        We&apos;d say the key is to <strong>stay curious</strong>.\n      </p>\n\n      <p>\n        Keep collecting data about your visitors – all the information you need is already there.\n        You just need to record it and take some time to analyse it properly.\n      </p>\n\n      <p>\n        We hope that after reading this article you&apos;re ready to harness the power of click\n        tracking. Now it&apos;s time to put the knowledge into action!\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Click Tracking on your website: All you need to know',\n  url: '/blog/click-tracking-on-your-website-all-you-need-to-know',\n  description:\n    \"You can't always sit next to your users and see what exactly they're doing on your website. You don't have to, though!\",\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-08-16',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Analytics',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"You can't always sit next to your users and see what exactly they're doing on your website. \n    You don't have to, though!\"\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/mobile_touches.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>From now, LiveSession playback will display touch events colected on mobile devices.</p>\n      <ImageModal\n        src={img}\n        alt=\"touch events control\"\n        title=\"Displaying touch events colected on mobile devices\"\n      />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Mobile events support',\n  url: '/blog/mobile-actions-support/',\n  description: 'See mobile device touches',\n  author,\n  img,\n  date: '2019-05-16',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/trackingcustomerbehavior-35235fee2f84a97b701ffb29dd349b75.png\";","module.exports = __webpack_public_path__ + \"static/1-grammarly-8e3f7606265fb2c1571a5fabe3224c63.png\";","module.exports = __webpack_public_path__ + \"static/top_users_count-3a184e7a592d5af00cb614d620450421.png\";","module.exports = __webpack_public_path__ + \"static/pagespeed-insights-39065741d2904cc5270fe0757bd1593f.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorMarcel as author } from 'data/authors';\nimport img from 'img/blog/covers/funnels.png';\nimport img1 from 'img/help/how-do-the-funnels-work/funnels1.png';\nimport Link from 'components/ui/link';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        We’ve just launched a long-awaited feature: Funnels. With LiveSession Funnels, you can track\n        sets of actions your users take while visiting your website. See which parts of your\n        customers’ purchase path could be improved or increase conversion rates on your subscription\n        forms.\n      </p>\n\n      <p>\n        To create your first funnel, simply open the{' '}\n        <Link href=\"https://app.livesession.io/signin\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Funnels tab\n        </Link>\n        :\n      </p>\n      <img src={img1} alt=\"Funnels tab\" title=\"LiveSession Funnels tab - click in left menu\" />\n      <p>\n        From here, you can view, edit, duplicate and analyze funnels you already created. When\n        creating a funnel, you can use any of the LiveSession filters.{' '}\n      </p>\n\n      <p>\n        Learn more about managing LiveSession Funnels{' '}\n        <Link href=\"/help/how-do-the-funnels-work/\">here</Link>.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Funnels',\n  url: '/blog/funnels/',\n  description: `We're launching the next long-awaited feature: LiveSession Funnels! See how to use them to get the most of your UX research.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-06-30',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/CTA-3df8faa6026aefb58670abc3c46ce4d4.png\";","module.exports = __webpack_public_path__ + \"static/lsreactang-9553405da5a393994a59db4d0c7c1b0e.png\";","var Symbol = require('./_Symbol'),\n    isArguments = require('./isArguments'),\n    isArray = require('./isArray');\n\n/** Built-in value references. */\nvar spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;\n\n/**\n * Checks if `value` is a flattenable `arguments` object or array.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n */\nfunction isFlattenable(value) {\n  return isArray(value) || isArguments(value) ||\n    !!(spreadableSymbol && value && value[spreadableSymbol]);\n}\n\nmodule.exports = isFlattenable;\n","module.exports = __webpack_public_path__ + \"static/set_filters-f10076350885e052cc7d7cd1b1a2b1ce.png\";","module.exports = __webpack_public_path__ + \"static/lsAppDashboard-c961c1fb9d17cc74ddb24bdbedb4536f.png\";","module.exports = __webpack_public_path__ + \"static/wrapel1-24c2e25f9d38760f93ddee289f56476e.png\";","module.exports = __webpack_public_path__ + \"static/1-74045dc90d4e17cebd273b634185ae79.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorPawel as author } from 'data/authors';\nimport { Post } from 'components/blog/content/styled';\nimport img from 'img/blog/covers/share-session-cover.png';\nimport img1 from 'img/blog/share-session.png';\nimport img2 from 'img/blog/start-playback.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>We’ve just improved sharing session recordings in LiveSession! Here’s what’s new:</p>\n      <ul>\n        <li>\n          <p>You can choose to share the recording with anyone, or with your teammates only:</p>\n          <img src={img1} alt=\"share-session-screenshot\" title=\"Share session to your teammates\" />\n        </li>\n        <li>\n          <p>\n            You can set the recording to start at a particular moment. This is especially helpful\n            when you’d like to point to a specific moment:\n          </p>\n          <img src={img2} alt=\"start-playback-screenshot\" title=\"Choose a specific moment\" />\n        </li>\n      </ul>\n      <p>\n        If you have any other ideas for improvement, we’re happy to hear from you! Feel free to get\n        in touch via live chat or send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Advanced session sharing',\n  url: '/blog/advanced-session-sharing/',\n  description:\n    'Sharing session recordings with your colleagues just got easier. Check out new LiveSession features.',\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-07-19',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/profile-page-20e39d0c0908754101ebfce7586ee8d4.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\nimport Link from 'components/ui/link';\n\nimport cover from 'img/blog/b2b-channels/image3.jpg';\nimport image1 from 'img/blog/b2b-channels/image1.jpg';\nimport image2 from 'img/blog/b2b-channels/image2.jpg';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        Both sales and marketing teams are working towards the same goal: to make a company grow and\n        to generate more profit. Unfortunately, the reality of many companies is that these two\n        teams work separately, and the communication between them is questionable.\n      </p>\n      <br />\n\n      <p>\n        The lack of collaboration between these two teams has always been harmful to both clients\n        and the company itself, but now it becomes more problematic than ever. Basically, customers\n        lots of touch points before deciding to purchase. On average, we’re talking about between{' '}\n        <Link\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://www.salesforce.com/blog/2015/04/takes-6-8-touches-generate-viable-sales-lead-heres-why-gp.html\"\n        >\n          6 and 8 points\n        </Link>{' '}\n        of contact with a brand - and some of them related to sales, whereas others belong to the\n        marketing.\n      </p>\n      <br />\n      <p>\n        When you think about it: Customers visit a company’s website, follow the brand on various\n        social media channels, see outdoor ads, subscribe to newsletters, read opinions about the\n        product, ask their friends’ opinions on social media, contact a salesperson… And the list\n        goes on. Luckily, most of these touchpoints can be used for{' '}\n        <a\n          href=\"https://wiza.co/blog/how-to-export-leads-from-linkedin-sales-navigator/\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          lead generation\n        </a>\n        .\n      </p>\n      <br />\n\n      <h2 className=\"mb-5\">Lead generation explained</h2>\n      <p>\n        Lead is usually a person that has already expressed some interest in your product by sharing\n        his or her contact information. There’s a distinction, though: Cold leads are people who are\n        only interested in an offer (for example an ebook) and have no intention to buy a product.\n        Hot leads, on the other hand, are almost ready to buy as they follow the brand on social\n        media, subscribe to the newsletter, regularly visit the website. All of them can be nurtured\n        and encouraged to finalize the transaction.\n      </p>\n      <br />\n      <p>\n        A lead generation goes far beyond having people signed up for newsletters and sending them\n        emails: marketers can use landing pages, webinars, podcasts, blogs, video marketing, social\n        media, events, just to name a few.\n      </p>\n      <br />\n      <p>\n        Lead generation is not rocket science but at the same time,{' '}\n        <Link\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://www.hubspot.com/marketing-statistics\"\n        >\n          65% of businesses\n        </Link>{' '}\n        say that generating traffic and leads is their biggest marketing challenge. Using all the\n        touchpoints to meet customers seems to require a plethora of work and resources. On the\n        other hand, almost every company has some of the touchpoints ready - usually a website and a\n        few social media profiles that they maintain. Optimizing them for lead generation can bring\n        your business much more benefits than you might think. Provided that you do it right, that\n        is.\n      </p>\n      <br />\n\n      <h2>How to optimize your own website and social media profiles for lead generation?</h2>\n      <h3>1. Make your website a central hub for content marketing</h3>\n      <p>\n        The majority of B2B companies claim that{' '}\n        <Link\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://blog.marketo.com/2015/08/data-talks-2-proven-lead-generation-tactics-to-jump-on-now.html\"\n        >\n          content marketing generates more leads\n        </Link>{' '}\n        than other marketing strategies. Having engaging and persuasive content on the website\n        should be a starting point for lead generation and the website should work as the hub for\n        all content marketing efforts. It’s a good and common practice to include a link to the\n        website in all the marketing materials, both online and printed. What is more,\n        third-parties, such as review sites, social media,{' '}\n        <Link href=\"https://storyxpress.co/video-hosting\" rel=\"noopener noreferrer\" target=\"_blank\">\n          video hosting\n        </Link>{' '}\n        sites, can also link to the website and bring leads. Therefore, it’s crucial to have a site\n        that is rich in informative, valuable content and that is easy to navigate.\n      </p>\n      <br />\n      <img\n        src={image1}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"channels\"\n        loading=\"lazy\"\n        title=\"Content and webdesign\"\n      />\n      <p className=\"text-center\" style={{ margin: '-1rem 0 2rem 0', fontSize: '.7rem' }}>\n        Image by{' '}\n        <Link rel=\"noopener nofollow\" target=\"_blank\" href=\"https://rawpixel.com\">\n          rawpixel.com\n        </Link>\n      </p>\n\n      <h3>2. Optimise your website for lead generation</h3>\n      <p>\n        Once you have such content, you can easily use it for lead generation. Of course, you can\n        publish a long and informative ebook or whitepaper for free and let everyone download it\n        within 2 clicks. But you can also ask for a piece of contact information instead. The most\n        popular way is to ask for a name and email, and then send an ebook directly to someone’s\n        mailbox. There’s also another: ask consumers to ‘pay’ for your content by sharing it with\n        their network. It requires less effort than filling the form (and let’s be frank, everybody\n        hates online forms) and makes everyone an advocate of your brand.\n      </p>\n      <br />\n\n      <h3>3. Don’t neglect the User Experience</h3>\n      <p>\n        Speaking of optimising your website - it needs to be user-friendly in order to convert leads\n        into customers. In other words: When prospects land on the website, their experience has to\n        be seamless. If they have to wait for images to load and struggle to navigate or find\n        relevant information within a few clicks, they’re very likely to go somewhere else. Make\n        sure that your visitors don’t get stuck when browsing your website and they’re “landing”\n        exactly where you need them to be. Record how a user interacts with your website, analyze\n        their behaviour and draw conclusions from it to improve the experience. You can easily do so\n        with{' '}\n        <Link\n          rel=\"noopener\"\n          target=\"_blank\"\n          href=\"https://albacross.com/newsroom/convert-prospects-into-customers/\"\n        >\n          convert leads into customers\n        </Link>\n        . In other words: When prospects land on the website, their experience has to be seamless.\n        If they have to wait for images to load and struggle to navigate or find relevant\n        information within a few clicks, they’re very likely to go somewhere else. Make sure that\n        your visitors don’t get stuck when browsing your website and they’re “landing” exactly where\n        you need them to be. Record how a user interacts with your website, analyze their behaviour\n        and draw conclusions from it to improve the experience. You can easily do so with{' '}\n        <Link\n          rel=\"noopener\"\n          target=\"_blank\"\n          href=\"/signup?utm_source=blog&utm_campaign=how-to-use-the-owned-channels-to-generate-b2b-leads-and-boost-sales\"\n        >\n          LiveSession\n        </Link>\n        .\n      </p>\n      <br />\n\n      <h3>4. Have a multichannel approach to social media</h3>\n      <p>\n        Studies show that people are 71% more likely to purchase something{' '}\n        <Link\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://blog.hubspot.com/blog/tabid/6307/bid/30239/71-More-Likely-to-Purchase-Based-on-Social-Media-Referrals-Infographic.aspx\"\n        >\n          based on a social media referral\n        </Link>\n        . However, to generate leads using social media, you need to be where your audience is. And\n        it’s unlikely to be one platform since, on average, internet users have{' '}\n        <Link\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://www.brandwatch.com/blog/amazing-social-media-statistics-and-facts/\"\n        >\n          7.6 social media accounts\n        </Link>\n        . Managing so many profiles at work is not a piece of cake, but{' '}\n        <Link rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://instasize.com/\">\n          the right tools\n        </Link>{' '}\n        come to the rescue. A good example is{' '}\n        <Link rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://www.kontentino.com/\">\n          Kontentino\n        </Link>\n        , a{' '}\n        <a href=\"https://bulk.ly/social-media-tools/\" rel=\"noopener noreferrer\" target=\"_blank\">\n          social media management tool\n        </a>\n        . It’s more than a simple calendar that allows you to schedule posts but also a{' '}\n        <a href=\"https://niftypm.com/\" rel=\"noopener noreferrer\" target=\"_blank\">\n          project management software\n        </a>{' '}\n        to facilitate the work of a social media team. Omnichannel presence also requires\n        omnichannel content. You can’t prepare one copy and share it on every platform - not only\n        because Twitter has a character limit but because every channel has its specifics.\n      </p>\n      <br />\n\n      <img\n        src={image2}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"channel\"\n        loading=\"lazy\"\n        title=\"Social media\"\n      />\n      <p className=\"text-center\" style={{ margin: '-1rem 0 2rem 0', fontSize: '.7rem' }}>\n        Image by{' '}\n        <Link rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://rawpixel.com\">\n          rawpixel.com\n        </Link>\n      </p>\n\n      <h3>5. Get the best out of social media advertising</h3>\n      <p>\n        It’s a common practice to boost social media marketing with paid campaigns as organic\n        results are always limited, especially if you’ve started only recently. Social media ads can\n        bring good results even with small budgets, and there are many options to choose from:\n        boosting posts, promoting events or content, creating ads dedicated to lead generation, and\n        more. If you use a service like{' '}\n        <Link rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://rocketlink.io\">\n          RocketLink\n        </Link>\n        , you’ll be able to target social media campaigns to people who have clicked a specific\n        link. In short, you will create your own custom audience.\n      </p>\n      <br />\n\n      <h2>Make the best out of your owned channels</h2>\n      <p>\n        Social media and content marketing, especially if published on a quality website, are\n        inseparable and perfect for engaging an audience that later can turn into clients. At the\n        same time, marketers constantly look for new ways of engaging the audience and to boost\n        traffic. There is nothing wrong with that, quite the contrary, but let’s not forget and\n        ignore what we already have: Every new brand starts with a website and at least 2 or 3\n        social media profiles anyway. With the right optimization and engaging content, both can\n        play a crucial role in lead generation and boosting sales.{' '}\n      </p>\n      <br />\n      <p>\n        The clue is to keep this engagement, build the trust towards the brand, and offer\n        outstanding user experience. Only then visitors become leads and leads become paying\n        clients.{' '}\n      </p>\n      <br />\n\n      <p>\n        Get valuable insights on how visitors interact with your website and improve conversions.{' '}\n        <strong>\n          <Link\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            href=\"/signup?utm_source=blog&utm_campaign=how-to-use-the-owned-channels-to-generate-b2b-leads-and-boost-sales\"\n          >\n            Try LiveSession now.\n          </Link>\n        </strong>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'How to use the owned channels to generate B2B leads and boost sales',\n  url: '/blog/how-to-use-the-owned-channels-to-generate-b2b-leads-and-boost-sales/',\n  description: `Both sales and marketing teams are working towards the same goal: to\n  make a company grow and to generate more profit.`,\n  author,\n  img: cover,\n  date: '2019-06-19',\n  category: 'growth',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial=\"Both sales and marketing teams are working towards the same goal: to make a company grow and to generate more profit. Unfortunately, the reality of many companies is that these two teams work separately, and the communication between them is questionable.\"\n    img={frontmatter.img}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/click-tracking-9e606982ca4f660eaf1fe60948c7eb2c.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/new_retention_options.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        For everyone who need longer sessions data storage, there is an option now. We&apos;ve\n        released 3 month retention. This can be changed in subscription settings.\n      </p>\n      <ImageModal src={img} alt=\"Data rentetion\" title=\"Determine how long data will be kept\" />\n      <p className=\"mt-3\">\n        Remember that retention value is set during the moment of session creation. It&apos;s best\n        to buy more data history from the start.\n      </p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'New retention options',\n  url: '/blog/new-retention-options/',\n  description: 'New 3 months sessions data storage is now available',\n  author,\n  img,\n  date: '2019-04-08',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/Recording_rules-9f360695bb72aa9a7aa7de950f91bf25.png\";","module.exports = __webpack_public_path__ + \"static/new_session_list_preview-680d6d706b475a3d15759fd56b7f0382.png\";","module.exports = __webpack_public_path__ + \"static/image1-d9324c7c710283a6bb264576a41be979.jpg\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\n\nimport img from 'img/blog/top-tools/top-tools.png';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        <strong>\n          Websites have multiple purposes. If you own a business, however, most likely you will\n          design yours to educate visitors about your offer and eventually turn them into paying\n          customers. Luckily, there are ways to speed up this process. Here’s how to improve\n          conversion for your{' '}\n          <a\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            href=\"https://www.amocrm.com/blog/how-to-start-tech-startup-company/\"\n          >\n            SaaS company\n          </a>{' '}\n          with the right set of tools.\n        </strong>\n      </p>\n\n      <p>\n        When trying to improve conversion, business owners usually use a combination of techniques -\n        including content marketing, paid advertising, or email drip campaigns. They often forget\n        about turning their own website into a powerful lead generation & nurturing tool, though.\n      </p>\n\n      <p>Why is it relevant?</p>\n\n      <p>\n        Simply because catching the attention of your target audience is only the first step in the\n        process of turning them into loyal customers. What happens next is what increasing\n        conversion is all about.\n      </p>\n\n      <h2>What is conversion and how to improve it?</h2>\n\n      <p>\n        A “conversion” is when your website visitor completes a desired action, such as filling in\n        the contact form, requesting a quote, or making a purchase. Basically, once a potential\n        customer lands on your website, it should be clear what action you want them to take next.\n        This might be affected by a number of factors, including page design, its layout, and\n        content.\n      </p>\n\n      <p>\n        It can take some time, but optimising your website and improving conversion are definitely\n        worth the effort. Especially since the following tools can help you increase conversion\n        rates throughout your entire website:\n      </p>\n\n      <h3>1. crowdy.ai</h3>\n      <p>\n        It may not seem like it at first, but displaying any kind of social proof on your website\n        can work wonders for conversion rates. Given that{' '}\n        <a\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n          href=\"https://www.qualtrics.com/blog/online-review-stats/\"\n        >\n          positive online reviews\n        </a>{' '}\n        are likely to influence buying decisions, featuring them on your website can easily increase\n        trust and help you sell more. It’s mostly because your customers’ recommendations usually\n        mean much more to other buyers than that pretty much anything you say about your business\n        yourself.{' '}\n      </p>\n\n      <p>\n        If you want to engage and convert your visitors with social proof, try{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://crowdy.ai\">\n          {' '}\n          crowdy.ai\n        </a>\n        . It will allow you to share any user activity on your site. No matter if you choose to\n        display star ratings or testimonials - the opinions of your customers will help you increase\n        trust and convert more visitors in the long run.\n      </p>\n\n      <h3>2. LiveSession</h3>\n\n      <p>\n        When designing a website, don’t just assume that your intentions will be obvious for\n        everyone who lands on it. In fact, a SaaS website (or a landing page, which we will discuss\n        later on) should be created in a way that leaves your visitors no choice but to act how you\n        want them to.\n      </p>\n\n      <p>\n        In order to check whether that’s the case, use{' '}\n        <a rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://livesession.io\">\n          LiveSession\n        </a>{' '}\n        to see how your visitors actually interact with your website. Once you figure this out, you\n        can easily improve the design of your site to make it more conversion-friendly.\n      </p>\n\n      <h3>3. Landingi</h3>\n\n      <p>\n        Many businesses tend to invest a lot of time, effort and money into paid campaigns, only to\n        redirect potential customers to a generic landing page that doesn’t really convert. Instead,\n        it might be worth to create several landing pages for different campaigns and purposes. This\n        is sure to increase the chance of turning your visitors into leads.\n      </p>\n\n      <p>\n        As a matter of fact, proper landing pages can definitely take your conversion rates to the\n        next level. By proper, we mean relevant and aimed at solving a specific problem. Luckily,\n        there are many tools that can help you design multiple landing pages, without any\n        programming skills. Take{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://landingi.com/\">\n          Landingi\n        </a>{' '}\n        as an example. You can easily create and optimise your own custom landing pages, and convert\n        traffic from your campaigns into customers.\n      </p>\n\n      <p>\n        Speaking of optimisation: if you truly want to understand what your customers want (which is\n        a secret to increasing conversion), try A/B testing as well. This way, you’ll be able to\n        test out two different design options and see which one works best for your customer. Once\n        again – you can easily do so with Landingi, and most landing page creators.{' '}\n      </p>\n\n      <h3>4. LiveChat</h3>\n\n      <p>\n        As it turns out,{' '}\n        <a\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n          href=\"https://www.forbes.com/sites/steveolenski/2016/08/10/its-alive-why-live-chat-is-so-important-for-brands/#39c8a5b353d1\"\n        >\n          many customers prefer a live chat\n        </a>{' '}\n        over other communication methods. The ability to chat live with your customer & sales\n        support can help you build trust among your website visitors, especially since many buyers\n        might need help with completing a transaction. You can also use it to start the conversation\n        yourself and encourage your visitors to take the desired action.{' '}\n      </p>\n\n      <p>\n        If that sounds like something that might interest you - give{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://livechatinc.com/\">\n          LiveChat\n        </a>\n        . a try. It offers plenty of features to engage your visitors and track your performance, so\n        you can keep improving conversions. It even offers a dedicated “Sales Tracker” - a piece of\n        code that takes into account all chats that end with sales. This data eventually shows you\n        which conversations, agents and products have the biggest impact on your revenue.\n      </p>\n\n      <h3>5. RocketLink</h3>\n\n      <p>\n        Wouldn&apos;t it be great to add a chatbox to any link you share as well? Now you can -\n        simply embed it with{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://rocketlink.io/\">\n          RocketLink\n        </a>\n        . Basically, this tool allows you to shorten links and add custom elements to them. Later\n        on, you can also create custom audiences from people who clicked on those links and retarget\n        them with dedicated campaigns. If you&apos;d like to optimize your campaigns to get the most\n        of them, we can recommend{' '}\n        <a\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n          href=\"https://www.adzooma.com/\n        \"\n        >\n          Adzooma\n        </a>{' '}\n        for that purpose.\n      </p>\n\n      <p>\n        The result? You can keep in touch with potential customers even after they click on external\n        links, and redirect them to your website - or simply display a custom CTA as an overlay to\n        drive traffic wherever you want to. Neat, isn&apos;t it?\n      </p>\n\n      <h3>6. Sumo</h3>\n\n      <p>\n        While on the subject of popups, it’s worth to mention that there are{' '}\n        <a\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n          href=\"https://popupsmart.com/blog/why-popups-convert-with-statistics/\"\n        >\n          increasingly more studies\n        </a>{' '}\n        that show their impact on increasing conversion. You might find them annoying at times, but\n        there are cases in which popups work perfectly - when{' '}\n        <a\n          href=\"https://www.omnisend.com/blog/how-to-build-an-email-list-from-scratch/\"\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n        >\n          growing an email list\n        </a>\n        , encouraging blog subscriptions, promoting content, and driving lead generation, just to\n        name a few.\n      </p>\n\n      <p>\n        Fortunately,{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://sumo.com/\">\n          Sumo\n        </a>{' '}\n        offers a suite of tools to help you capture more leads and increase your site conversions.\n        You can choose from popup CTAs, scroll-triggered boxes, and &apos;Contact Us&apos; forms, to\n        name just a few. Plus, when paired with Google Analytics, it can provide you with powerful\n        on-page insights.{' '}\n      </p>\n\n      <h2>Improve conversion for your SaaS with the best tools on the market</h2>\n\n      <p>\n        In order to improve conversion, you should make good use of what you already have on your\n        website, and optimise it constantly. It will be much easier if start drawing conclusions\n        from the available data on your visitors and potential customers. This will help you\n        encourage them to take action. Remember that capturing the attention of your target audience\n        is one thing - maintaining their interest and collecting their contact information is a\n        completely different story.{' '}\n      </p>\n\n      <p>\n        High conversion rates are something to strive for, as they directly help you grow your\n        business. Sadly, there’s no single best tool that would give you every possible insight you\n        ever looked for. On the other hand, combining the right software can easily bring you\n        similar results, improving conversions in the long run. Use the above-mentioned tools to\n        convert your website visitors into actual leads and customers. Good luck!\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Top 6 Tools for Improving Conversion in SaaS',\n  url: '/blog/top-6-tools-for-improving-conversion-in-saas',\n  description: `Here’s how to improve conversion\n  for your SaaS company with the right set of tools.`,\n  author,\n  img,\n  date: '2019-08-31',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Research',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"Websites have multiple purposes. If you own a business, however, most likely you will design yours to educate visitors about your offer and eventually turn them into paying customers. Luckily, there are ways to speed up this process. Here’s how to improve conversion for your SaaS company with the right set of tools.\"\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/user_details.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        From now on, you can get more information about the user by clicking on the name or ID on\n        the sessions&apos; list. It is an easier way to find other user&apos;s sessions or to get\n        aggregated information about the numer of sessions and duration.\n      </p>\n      <ImageModal src={img} alt=\"User details\" title=\"Get more informations about the user\" />\n      <p className=\"mt-3\">\n        You can also apply this user as a filter by clicking &quot;Show All&quot; or &quot;Show\n        matching filters&quot;.\n      </p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'User details',\n  url: '/blog/user-details/',\n  description: \"More detailed user's view\",\n  author,\n  img,\n  date: '2019-06-25',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/forms-1dbeac353c40cc546f55b34adcdbc371.png\";","module.exports = __webpack_public_path__ + \"static/team-022761df657b7ecec5fc1ccae4194713.png\";","module.exports = __webpack_public_path__ + \"static/new-filters-cover-0b03b6663d53df8a88c6ba6696a175b7.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorPatryk as author } from 'data/authors';\nimport img from 'img/blog/custom-events/custom-events1.png';\nimport img1 from 'img/blog/custom-events/custom-events2.png';\nimport img2 from 'img/blog/custom-events/custom-events3.png';\nimport Banner from 'components/usability-testing/banner';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        We&apos;re excited to announce that we&apos;ve released new feature called{' '}\n        <strong>Custom Events</strong>. This feature allows you to track custom actions that your\n        users perform along with <strong>custom event</strong> properties.\n      </p>\n      <img src={img1} alt=\"Custom Events - filters list\" title=\"Custom Events in filters\" />\n      <p>\n        From now on <a href=\"/help/how-does-the-timeline-work/\">Timeline</a> is enriched with your\n        events tailored for your business needs.\n      </p>\n      <img src={img2} alt=\"Custom Events in session replay\" title=\"Custom Events in Timeline\" />\n      <p>\n        If you need more information take a look{' '}\n        <a href=\"/help/how-do-the-custom-events-work/\">here</a>.\n      </p>\n      <Banner title=\"Try Custom Events now\" />\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Custom Events',\n  url: '/blog/custom-events/',\n  description: `Introducing Custom Events - the feature that allow you to track custom actions that your users perform along with custom event properties.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-12-14',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/customer-service-be294b847f60c0ea43c528b1de483e27.jpg\";","module.exports = __webpack_public_path__ + \"static/movement_trace-06c8e23ef796c3b6613f280951217a59.png\";","module.exports = __webpack_public_path__ + \"static/ab-test-270b1dea209c02d3185ee816dbdb8407.png\";","module.exports = __webpack_public_path__ + \"static/localization-4ebd6e8f8492210601b71d80ab91fdf6.png\";","module.exports = __webpack_public_path__ + \"static/segemnts_options-d7f2841f4a50fa694eb19def25844fc1.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/key_shortcuts.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        We&apos;ve added an ability to control session playback by keyboard. Down below you can see\n        available shortcuts.\n      </p>\n      <ImageModal\n        src={img}\n        alt=\"keyboard shortcuts\"\n        title=\"LiveSession offer you to control session playback by keyboard\"\n      />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Keyboard shortcuts',\n  url: '/blog/keyboard-shortcuts/',\n  description: 'Control player using keyboard',\n  author,\n  img,\n  date: '2019-05-20',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  top: 0;\n  left: 0;\n  position: fixed;\n  width: 100%;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 99999;\n`;\n\nconst Box = styled.div`\n  background-color: transparent;\n  position: relative;\n  width: 95vw;\n  height: 95vh;\n  padding: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n`;\n\nconst Close = styled.span`\n  position: absolute;\n  font-size: 1.8rem;\n  right: 20px;\n  top: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  background-color: #fff;\n  border-radius: 100px;\n  width: 40px;\n  height: 40px;\n  padding-bottom: 3px;\n  filter: drop-shadow(5px 1px 4px rgba(0, 0, 0, 0.2));\n  z-index: 10;\n`;\n\nconst VideoWrapped = styled.div`\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n  margin: 0 auto;\n  border: none;\n`;\nconst minWidthToShow = 600;\n\nconst Video = styled.div`\n  max-width: 100%;\n  height: auto;\n\n  @media (min-width: ${minWidthToShow}px) {\n    cursor: pointer;\n  }\n`;\n\nclass VideoModal extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showModal: false,\n    };\n  }\n\n  componentDidMount() {\n    document.addEventListener('keydown', this.escFunction, false);\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('keydown', this.escFunction, false);\n  }\n\n  escFunction = (event) => {\n    const { showModal } = this.state;\n\n    if (event.keyCode === 27 && showModal) {\n      this.closeModal();\n    }\n  };\n\n  closeModal = () => {\n    this.setState({ showModal: false });\n  };\n\n  openModal = () => {\n    if (window.innerWidth >= minWidthToShow) {\n      this.setState({ showModal: true });\n    }\n  };\n\n  render() {\n    const { showModal } = this.state;\n    const { src, videoStyle, videoModalStyle } = this.props;\n\n    const modal = (\n      <Container onClick={this.closeModal}>\n        <Close onClick={this.closeModal}>&times;</Close>\n        <Box onClick={this.closeModal}>\n          <VideoWrapped style={videoModalStyle}>\n            <video width=\"100%\" height=\"100%\" autoPlay muted loop>\n              {src.webm && <source src={src.webm} type=\"video/webm\" />}\n            </video>\n          </VideoWrapped>\n        </Box>\n      </Container>\n    );\n\n    return (\n      <>\n        <Video style={videoStyle} onClick={this.openModal}>\n          <video width=\"100%\" height=\"100%\" autoPlay muted loop>\n            {src.webm && <source src={src.webm} type=\"video/webm\" />}\n          </video>\n        </Video>\n        {showModal && modal}\n      </>\n    );\n  }\n}\n\nexport default VideoModal;\n\nVideoModal.propTypes = {\n  src: PropTypes.oneOfType([PropTypes.object]).isRequired,\n  videoStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  videoModalStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n};\n\nVideoModal.defaultProps = {\n  videoStyle: null,\n  videoModalStyle: null,\n};\n","module.exports = __webpack_public_path__ + \"static/low-conversation-rate-b2737d9f0ba67a8a5e0c480b8af27ab1.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/new_filters.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        New filters have been released. From now on, you can filter by device group(mobile, tablet\n        or desktop) or easily find sessions based on the device&apos;s screen size.\n      </p>\n      <ImageModal src={img} alt=\"Filters\" title=\"New filters - device group\" />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'New filters',\n  url: '/blog/new-system-filters/',\n  description: 'New system filters - Device and Screen size',\n  author,\n  img,\n  date: '2019-04-28',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/new-session-filters-041a9060508dbe2e1b6c4b1c7c890b32.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  top: 0;\n  left: 0;\n  position: fixed;\n  width: 100%;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 99999;\n`;\n\nconst Box = styled.div`\n  background-color: transparent;\n  position: relative;\n  width: 95vw;\n  height: 95vh;\n  padding: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n`;\n\nconst Close = styled.span`\n  position: absolute;\n  font-size: 1.8rem;\n  right: 20px;\n  top: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  background-color: #fff;\n  border-radius: 100px;\n  width: 40px;\n  height: 40px;\n  padding-bottom: 3px;\n  filter: drop-shadow(5px 1px 4px rgba(0, 0, 0, 0.2));\n  z-index: 10;\n`;\n\nconst ImageWrapped = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n  margin: 0 auto;\n  border: none;\n`;\nconst minWidthToShow = 600;\n\nconst Image = styled.img`\n  border: 1px solid #eaebec;\n  max-width: 100%;\n  height: auto;\n\n  @media (min-width: ${minWidthToShow}px) {\n    cursor: pointer;\n  }\n`;\n\nclass ImageModal extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showModal: false,\n    };\n  }\n\n  componentDidMount() {\n    document.addEventListener('keydown', this.escFunction, false);\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('keydown', this.escFunction, false);\n  }\n\n  escFunction = (event) => {\n    const { showModal } = this.state;\n\n    if (event.keyCode === 27 && showModal) {\n      this.closeModal();\n    }\n  };\n\n  closeModal = () => {\n    this.setState({ showModal: false });\n  };\n\n  openModal = () => {\n    if (window.innerWidth >= minWidthToShow) {\n      this.setState({ showModal: true });\n    }\n  };\n\n  render() {\n    const { showModal } = this.state;\n    const { src, imgStyle, imgModalStyle, alt, title, lazy } = this.props;\n\n    const modal = (\n      <Container onClick={this.closeModal}>\n        <Close onClick={this.closeModal}>&times;</Close>\n        <Box onClick={this.closeModal}>\n          <ImageWrapped\n            style={imgModalStyle}\n            src={src}\n            alt={alt}\n            title={title}\n            loading={lazy ? 'lazy' : null}\n          />\n        </Box>\n      </Container>\n    );\n\n    return (\n      <>\n        <Image\n          style={imgStyle}\n          onClick={this.openModal}\n          src={src}\n          alt={alt}\n          title={title}\n          loading={lazy ? 'lazy' : null}\n        />\n        {showModal && modal}\n      </>\n    );\n  }\n}\n\nexport default ImageModal;\n\nImageModal.propTypes = {\n  src: PropTypes.string.isRequired,\n  imgStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.node]),\n  imgModalStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.node]),\n  alt: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  lazy: PropTypes.bool,\n};\n\nImageModal.defaultProps = {\n  lazy: false,\n  imgStyle: null,\n  imgModalStyle: null,\n};\n","module.exports = __webpack_public_path__ + \"static/image3-2672c7e89d08a881b23eb3145919bc70.jpg\";","module.exports = __webpack_public_path__ + \"static/dropdown-menu-48569affdbbc1569a40f4b2d317981c1.png\";","module.exports = __webpack_public_path__ + \"static/img1-ae422d8d6ec9f97a15d237d1ef72df26.jpg\";","module.exports = __webpack_public_path__ + \"static/users-407ec61ebcbc561cb1f2924206051526.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-5--5e010016816b05421c8b4d5125a45ea9.png\";","var compareAscending = require('./_compareAscending');\n\n/**\n * Used by `_.orderBy` to compare multiple properties of a value to another\n * and stable sort them.\n *\n * If `orders` is unspecified, all values are sorted in ascending order. Otherwise,\n * specify an order of \"desc\" for descending or \"asc\" for ascending sort order\n * of corresponding values.\n *\n * @private\n * @param {Object} object The object to compare.\n * @param {Object} other The other object to compare.\n * @param {boolean[]|string[]} orders The order to sort by for each property.\n * @returns {number} Returns the sort order indicator for `object`.\n */\nfunction compareMultiple(object, other, orders) {\n  var index = -1,\n      objCriteria = object.criteria,\n      othCriteria = other.criteria,\n      length = objCriteria.length,\n      ordersLength = orders.length;\n\n  while (++index < length) {\n    var result = compareAscending(objCriteria[index], othCriteria[index]);\n    if (result) {\n      if (index >= ordersLength) {\n        return result;\n      }\n      var order = orders[index];\n      return result * (order == 'desc' ? -1 : 1);\n    }\n  }\n  // Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications\n  // that causes it, under certain circumstances, to provide the same value for\n  // `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247\n  // for more details.\n  //\n  // This also ensures a stable sort in V8 and other engines.\n  // See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details.\n  return object.index - other.index;\n}\n\nmodule.exports = compareMultiple;\n","module.exports = __webpack_public_path__ + \"static/mobile_touches-19464cab5835767d92ffefc24066cdb9.png\";","module.exports = __webpack_public_path__ + \"static/brazil-e090edcf2511cd743faa99f09d6c9b61.png\";","module.exports = __webpack_public_path__ + \"static/cover-fd53df36ef9c3f675ba584ad9aaea318.png\";","module.exports = __webpack_public_path__ + \"static/2-2c2a8e15c7efd9b2d98d8c6da1379be4.png\";","module.exports = __webpack_public_path__ + \"static/rest-api1-c0953343ae7e1db81b3298dd1f0cd46b.png\";","module.exports = __webpack_public_path__ + \"static/4-mozilla-geo-api-ccc8326c63c04dddb291c4d6bc13cfdf.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\nimport { Post } from 'components/blog/content/styled';\nimport img from 'img/blog/5-ways-to-increase/increase-conversion.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        A landing page is a standalone website dedicated to a specific purpose, such as a particular\n        marketing campaign or a product page. Once customers click on your Google or social media\n        ads, they “land” on landing pages. This is an excellent opportunity to attract them to your\n        products and close the deal. Because of that,\n        <strong> landing page optimization</strong> is crucial for improving the performance of your\n        marketing campaigns. Check out our tips and revamp your landing pages with no fuss!\n      </p>\n      <h2>Take a customer-centric approach</h2>\n      <p>\n        First of all, every landing page should have a clear purpose. For sure, it has to be\n        aesthetic and compliant with your branding, but it’s not all about stunning design. First of\n        all, make sure that your landing page is useful and intuitive. Drop videos or pictures that\n        may slow-down your website, and use images that will enable speed loading instead.\n      </p>\n\n      <p>\n        To identify your visitors’ pain points, you can use tools like LiveSession. They enable\n        session recording, so you can learn how users interact with your website, both on desktop\n        and mobile. It is a valuable opportunity to see visitors’ clicks, mouse movement, scrolling\n        and keystrokes. Once you analyze recordings and get to know how your customers behave on\n        your website, you can adapt your product to their needs. The system evaluates recordings\n        based on the level of user involvement in a given session. That way, you can focus on the\n        most valuable sessions and come to fruitful conclusions.\n      </p>\n      <p>\n        And there is more! Thanks to session recordings you can identify bugs or errors, and fix\n        them faster{' '}\n        <span role=\"img\" aria-label=\"emoji\">\n          😉\n        </span>\n      </p>\n      <h2>Refurbish your CTAs</h2>\n      <p>\n        There should be one main call-to-action present on every landing page. This way, you can\n        inform visitors what kind of action you to expect them to take. A few strong CTAs can be\n        confusing and distracting for a potential customer. This is also why it’s a good practice is\n        to leave a white space around a button to increase its visibility. A powerful CTA should\n        include up to five words and action verbs, such as “join”, “sign-up”, “buy now”, “order”\n        etc. If you need to share more details for clarification, you can use additional text below\n        the actual CTA button. As a result, visitors can be sure what action they are about to take.\n      </p>\n      <p>\n        CTA, as well as other crucial elements of a landing page, should be placed above the fold.\n        Therefore, the users can notice them without scrolling your website. This little trick can\n        help you increase conversion rates! Creating a sense of urgency can also be beneficial.\n        Sometimes customers interested in your offer might postpone their decision. In this case,\n        you can help them make a choice by highlighting that your special deal is temporary.\n      </p>\n      <p>\n        If you’d like to learn more about the subject, this{' '}\n        <a\n          href=\"https://rocketlink.io/blog/how-to-create-powerful-ctas-a-guide-for-beginners/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          guide to creating successful CTAs\n        </a>{' '}\n        is sure to come in handy!\n      </p>\n      <h2>Come up with a value proposition</h2>\n      <p>\n        Highlight the unique things or qualities about your company, products or services to\n        convince your visitors why they should choose your offer over your competitors. A{' '}\n        <strong>unique value proposition</strong> should inform your customers\n        <i>which</i> of their problems your company solves and <i>what</i> actual benefits they can\n        get. Additionally, it should emphasize how your offer differs from the others available on\n        the market. Use the language of your customers so that they can easily understand what you\n        want to say.\n      </p>\n      <p>\n        There is no single recipe for the perfect value proposition. It can include an appealing\n        headline, two or three sentences of specification, bullet points describing the benefits and\n        an appealing image.\n      </p>\n      <p>\n        On the product pages, you should definitely highlight your e-commerce advantages, like{' '}\n        <a\n          href=\"https://optimoroute.com/last-mile-delivery/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          last mile delivery\n        </a>\n        , free-shipping or next-day delivery. Of course, you need to expose best qualities of a\n        given product. Instead of describing technical specification, come up with a value\n        proposition. For example, explain the extraordinary features, like waterproof material. If\n        your company act responsibly, supports fair trade, or contributes to charity – don’t forget\n        to mention it!\n      </p>\n      <h2>Build trust</h2>\n      <p>\n        A landing page is visited by users that are initially interested in your offer. Use that\n        opportunity to maximize your chances of closing the deal! <strong>Building trust</strong> is\n        one of the most helpful approaches when it comes to triggering shopping impulses.\n      </p>\n      <p>How exactly can you show your potential customer that your company is reliable?</p>\n      <ul>\n        <li>\n          <strong>Add testimonials</strong> – A few sentences with an honest, positive opinion can\n          work wonders! Ask your previous customers for a recommendation (you can offer them\n          something in return for that effort, like a 10% discount for the next shopping), but never\n          publish fake comments;{' '}\n        </li>\n        <li>\n          <strong>Take advantage of social proof</strong> – Use the number of customers that already\n          bought your products or display the amount of downloads of your assets and show visitors\n          that your brand is recognizable on the market;\n        </li>\n        <li>\n          <strong>Display logos</strong> of your partners and prominent customers to show what is\n          your business environment and who you cooperate with;\n        </li>\n        <li>\n          <strong>Add certificates and awards</strong> – Depending on your industry and specifics of\n          your products; you can share information about your company achievements and certified\n          skills.{' '}\n        </li>\n      </ul>\n      <p>\n        Customer trust is especially significant when it comes to e-commerce websites. Be sure to\n        add <strong>information about payment methods</strong> and third-party providers. Assure\n        your customers that your platform is fully secured. Another essential aspect of online\n        shopping is <strong>safe and fast delivery</strong>– don’t forget to inform visitors which\n        delivery companies will take care of their order. Product rating expressed through numbers\n        or stars can be helpful as well. By providing this information to your customers, you can\n        count on a better conversion rate. Make sure these details are easy to read and understand.\n      </p>\n      <h2>Test, test, test!</h2>\n      <p>\n        No matter how many guides and tips on landing page optimization you will read, you still\n        have to find out <strong>what works best for your audience</strong>. Landing pages are an\n        excellent opportunity for A/B testing. This method is about changing only one element, for\n        example the CTA button, title, image or color pallette. This is how you can find out which\n        version of your website performs best. You can learn what are your target group preferences\n        and use this knowledge for your further improvements and projects.\n      </p>\n      <p>\n        For example, you can notice how conversion differs depending on how you inform about the\n        current discount – in percentage or the exact amount. Run A/B tests to find out which is\n        more convincing for your customers and use the winning version your future campaigns.{' '}\n      </p>\n      <h3>Conclusion</h3>\n      <p>\n        Here’s an extra tip: landing pages, like other types of websites, can also be entered via\n        Google search results. Even though social media campaigns and Google Ads might generate most\n        of the traffic, you can still benefit from <strong>search engine optimization</strong>. Star\n        from the basics – use the right keywords and headlines to fit users’ search phrases. You can\n        also link to useful blog posts and other subpages.\n      </p>\n      <p>\n        The clue of{' '}\n        <a\n          href=\"https://www.adamenfroy.com/landing-page-builder\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          creating the most effective landing page\n        </a>{' '}\n        is to understand that it has to be <strong>as useful as possible</strong> for the visitors.\n        Think about its purpose and highlight the most crucial benefits and features of your\n        products. Include appealing CTAs, testimonials and contact details. Nevertheless, keep it\n        simple. Direct customer’s attention to the one goal of your landing page to maximize its\n        performance.{' '}\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '5 easy ways to increase landing page conversion rate',\n  url: '/blog/5-easy-ways-to-increase-landing-page/',\n  description:\n    'Landing page optimization is crucial for improving the performance of your marketing campaigns. Check out our tips and revamp your landing pages with no fuss! ',\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-10-07',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"You can't always sit next to your users and see what exactly they're doing on your website. \n    You don't have to, though!\"\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/opened-clicks-3d3b2fe155a7eaf1ff32f856a2671fe7.png\";","module.exports = __webpack_public_path__ + \"static/notifications-9cd8a6a9260796223dfb7f00b6defa60.svg\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorLauren as author } from 'data/authors';\nimport img from 'img/blog/covers/increase-urgency.png';\nimport img1 from 'img/blog/increase-urgency/limited-time-sale.png';\nimport Banner from 'components/usability-testing/banner';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        {' '}\n        The “abandoned cart” is an issue for many online businesses. For those who don’t know, the\n        abandoned cart occurs when a potential customer goes through the process of logging onto a\n        business’s website, choosing a product, adding it to their purchase basket, but doesn’t end\n        up finishing the checkout purchase.{' '}\n      </p>\n\n      <p>\n        This can be particularly frustrating for businesses as it means at least part of their\n        marketing campaign is working, and many don’t know how to fix their abandoned cart issues.{' '}\n      </p>\n\n      <p>\n        Over the years, many marketers and business owners have noticed that the best way to deal\n        with their abandoned cart problems is by creating a sense of urgency. Over the remainder of\n        this article, we will go over some effective ways online shopping platforms can increase\n        urgency.\n      </p>\n      <h2>1. Offer Quick Shipping Options</h2>\n      <p>\n        One thing that researchers found was that long shipping periods are likely to have customers\n        clicking off or thinking twice about making a purchase. “Choosing shipping and payment\n        options is usually the last step in the buying process. When a potential customer gets to\n        that step and sees they are going to have to wait 10 - 15 business days for shipping, many\n        begin to think twice about their purchase”, writes Jame Keen, a conversion expert at{' '}\n        <a href=\"https://liahelp.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Liahelp\n        </a>{' '}\n        and{' '}\n        <a href=\"https://bigassignments.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Bigassignments\n        </a>\n        .\n      </p>\n\n      <p>\n        Although not always possible depending on the product or location, one of the best ways to\n        combat this is by offering fast shipping options. An even more effective method would be to\n        offer free fast shipping over a certain price. An example of this and how successful it can\n        be is Amazon. Now of course, not every business is able to offer the type of free shipping\n        that Amazon does, but it is a good case study.\n      </p>\n\n      <p>\n        Depending on the country or region, Amazon offers free three-day shipping for all purchases\n        over a certain amount. Not only does this prompt users to checkout, but in many cases it\n        also makes them look for another item to add to their cart if they find themselves under the\n        free shipping amount.\n      </p>\n\n      <img\n        src={img1}\n        alt=\"Limited time sale\"\n        title=\"Offer Quick Shipping Options\"\n        style={{ margin: '3rem auto 1rem' }}\n      />\n\n      <h2>2. Remind Customers Of A Limited Time Sale</h2>\n      <p>\n        The appearance of scarcity is another great way to stop customers from having second\n        thoughts. Marketers and psychologists have found that consumers are much more likely to\n        purchase something if they think they are getting a limited-time deal, especially if it is\n        close to expiring. In this case, the buyer doesn’t want to feel like they have missed out\n        and end up going through with their purchase before they have any time for second doubts.\n      </p>\n\n      <p>\n        One important aspect to consider when doing this is the placing of the sale reminder. Many\n        sites are successful in making the customer aware that there is a limited-time sale going on\n        but they don’t remind them once they are actually at the checkout phase. This is a major\n        mistake and one that highly reduces the effectiveness of this technique.\n      </p>\n\n      <p>\n        When running sales, it is important to inform the customer that the sale is on for a limited\n        time at every step of the checkout process.\n      </p>\n      <h2>3. Show Stock Scarcity</h2>\n      <p>\n        Another way businesses can take advantage of scarcity is by displaying low stock levels on\n        their website. An industry that is known for doing this is the airline ticket sales\n        industry, which will often have “only two tickets left at this price” at the top of the most\n        desired search results. “When dealing with scarcity it is important to operate with some\n        ethics. Many business owners feel it is bad practice to lie outright, and most people would\n        agree with this. However, when a certain item&apos;s stock does become low, there is nothing\n        wrong with informing would-be buyers of this fact”, writes Susan Veril, a tech writer at{' '}\n        <a\n          href=\"https://eliteassignmenthelp.com/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Eliteassignmenthelp\n        </a>{' '}\n        and{' '}\n        <a\n          href=\"https://essayroo.com/nursing-essay\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Essayroo\n        </a>\n        .\n      </p>\n\n      <p>\n        One thing to keep in mind is if a website lists products as always low in stock, repeat\n        customers, or those thinking about making another purchase, will see right through this ploy\n        and may make people hesitant to make another purchase. Because of this, it makes good\n        business sense to be honest and only say a product is low in stock when it is.\n      </p>\n      <h2>4. Offer A Checkout Discount</h2>\n      <p>\n        {' '}\n        Another excellent tactic to increase urgency is by offering a small discount upon or close\n        to check out. Typically, this works by having a pop-up or banner come across the screen\n        advertising a further discount for those who act fast. Most of the time, the discount offers\n        a further 5 - 10 percent off the current price but only for a limited amount of time.\n      </p>\n\n      <p>\n        This method has proven to be quick effective, especially when combined with fast shipping\n        options. How much of a discount to give will depend on the business and product, but it\n        doesn’t have to be much. Some studies have shown that a limited time discount of even just\n        5% is enough to persuade many would-be buyers who might have second thoughts about\n        completing their purchase.\n      </p>\n      <Banner\n        title=\"Recover more abandoned carts with session replays\"\n        desc=\"Improve your customer’s path to purchase using qualitative data.\"\n      />\n      <h2>5. Let Customers Know Other People Are Shopping For The Product</h2>\n      <p>\n        {' '}\n        Sometimes scarcity can be pushed by letting a potential buyer know that other people are\n        interested in the same product, especially if that product has limited stock. Using the\n        airline ticket industry as an example again, when searching for tickets, these booking\n        agencies will usually inform people how many other people are searching for the same ticket\n        with the same dates.{' '}\n      </p>\n\n      <p>\n        When combined with limited stock or a minor sale, this tactic can be very effective as it\n        creates a sense of urgency by letting the individual know there are other people interested\n        and if they don’t move quickly they may lose their opportunity.\n      </p>\n      <h2>6. Offer Cross-Sells </h2>\n      <p>\n        A cross-sell is when another related item is bundled with the current item and the customer\n        is offered a slight discount. Amazon is really good at this. For example, if a customer is\n        searching for a book in particular series, right before checkout Amazon will offer them a\n        bundle of another book in the same series for slightly less than what it would cost to buy\n        the two individually.{' '}\n      </p>\n\n      <p>\n        When this is done, it gets the individual thinking about whether the deal is worth it or not\n        and takes them away from having second doubts about their purchase. Even if the customer\n        doesn’t decide on purchasing the bundle, they may still feel like they have been responsible\n        and saved some money by not making the larger purchase, a belief which ends up justifying\n        their initial purchase even more.\n      </p>\n      <h2>7. Have Flash Sales</h2>\n      <p>\n        {' '}\n        Flash sales are quick, seemingly random, sales that take a decent chunk off of a\n        product&apos;s price. These types of sales may not be realistic for all types of products\n        but can work very well in high-volume businesses. A great example of this is Shein, a large\n        clothing retailer out of China. Anyone who has gone to their site knows that they have flash\n        sales all the time, which can cut an extra 15-35% off the price of an item.\n      </p>\n\n      <p>\n        It should be understood that flash sales are not random, and are usually programmed to occur\n        with stock the business is trying to get rid of. The trigger for a flash sale is the amount\n        of time spent on the website with items in their checkout basket. If the individual has\n        spent a significant amount of time on the site without checking out, they are a good target\n        for a flash sale.\n      </p>\n      <h2>8. Offer Presale For New Products </h2>\n      <p>\n        {' '}\n        The idea of scarcity, and the urgency it rates, can be tapped into by offering a presale on\n        a new product for which there will be a limited initial supply.\n      </p>\n\n      <p>\n        This only works for products that are in high demand and a good example of this are\n        Playstation or Xbox consoles. Every few years, a new iteration in the line of video game\n        consoles is released. The initial release supply is limited and customers are able to\n        pre-order their products, often at a slight increase in price. This works because the\n        products are so heavily sought people are willing to pay a little extra upfront to have it\n        when it&apos;s released.\n      </p>\n      <h2>9. Offer A Sign-Up Bonus With A Deadline</h2>\n      <p>\n        Mailing lists are very useful for marketing purposes, it allows a business to stay in\n        communication for customers and inform them of new products and promotions. A great way to\n        make use of this mailing list is by offering a time-sensitive sign-up bonus. For example, an\n        offer can read “Sign up for our mailing list and receive 10% off your first purchase valid\n        for 24 hours”.\n      </p>\n\n      <p>\n        These types of deals are really enticing for people because not only does it create a sense\n        of urgency, but it also positively reinforces their desire to make a purchase.\n      </p>\n      <h2>10. Display Countdown Timer For Sales</h2>\n      <p>\n        When there is a sale, displaying a countdown timer at the top of the screen is a good way to\n        instill a sense of urgency in customers. This works particularly well for flash sales.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Abandoned Carts - Recover Them Creating A Sense Of Urgency',\n  url: '/blog/10-ways-to-increase-urgency-in-your-online-sales/',\n  description: `Over the years, many marketers and business owners have noticed that the best way to deal\n  with their abandoned carts problems is by creating a sense of urgency.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-03-01',\n  category: '',\n  group: 'Research',\n  timeToRead: 8,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKamil as author } from 'data/authors';\nimport img from 'img/blog/covers/form-analytics.png';\nimport img1 from 'img/blog/formanalytics1.png';\nimport img2 from 'img/blog/formanalytics2.png';\nimport Banner from 'components/usability-testing/banner';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>We’ve just added two new filters to help you with form analytics!</p>\n      <p>\n        The <strong>form submit</strong> filter will help you find sessions where the users\n        submitted a particular form. You can search for it with the CSS selector.\n      </p>\n      <img src={img1} alt=\"Form submit filter\" title=\"New filter - Form submit\" />\n      <p>\n        With the <strong>form value</strong> filter, you’re able to search for particular values\n        submitted in the forms. Depending on your needs, you can choose to filter either by value or\n        the CSS selector.\n      </p>\n      <img src={img2} alt=\"Form value filter\" title=\"New filter - Form value\" />\n      <Banner title=\"Use LiveSession to analyze froms\" />\n      <p>\n        Need more help? Check out our{' '}\n        <a href=\"/tutorials/form-analytics/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          form analytics tutorial\n        </a>\n        !\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Form analytics',\n  url: '/blog/form-analytics/',\n  description: `Introducing two brand new filters: form submit and form value. LiveSession is always here to help you with form analytics.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-10-08',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/localization.png';\nimport video1 from 'video/updates/localization-feature-news.webm';\nimport styled from 'styled-components';\nimport VideoModal from 'components/ui/video-modal';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n  }\n  h3 {\n    font-size: 1.1rem;\n    line-height: 1.8rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n`;\n\nconst VideoContainer = styled.div`\n  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        Now, in addition to your user’s country, you will find out which city it is from. You can\n        also filter recordings from a specific city.\n      </p>\n\n      <p className=\"mt-5 mb-5\">\n        <VideoContainer>\n          <VideoModal className=\"video-shadow\" src={{ webm: video1 }} />\n        </VideoContainer>\n      </p>\n\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'More accurate location of the user',\n  url: '/blog/more-accurate-location-of-the-user',\n  description: 'Find out exactly where your users are from',\n  author,\n  img,\n  date: '2019-08-16',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKatherine as author } from 'data/authors';\nimport { useSourceParams } from 'hooks/useSourceParams';\nimport img from 'img/blog/covers/cover-old-content.png';\n\nconst Content = () => {\n  const cta = useSourceParams('banner-cta');\n  return (\n    <Post>\n      <p>\n        In an increasingly fast-paced digital world, we are constantly bombarded with new content.\n        24-hour news cycles have created a platform for a constant stream of content and continuous\n        access to social channels through mobile devices means that content is always in our pocket.\n        For brands, it can become a full-time job trying to keep up with the endless consumption of\n        content that customers seemingly demand. Trying to figure out what to post on social\n        channels to grab customers’ attention is a task of Herculean proportions.\n      </p>\n\n      <p>\n        Whilst it’s true that fresh content is an essential element of digital marketing and\n        customer engagement, many businesses are too caught up in this whirlwind of content to pause\n        and take note. With a constant emphasis on new content, quality sometimes gets lost in the\n        drive to create, and analytics - the question of how your content is being received - often\n        goes out the window altogether.\n      </p>\n\n      <p>\n        This means that businesses are missing valuable opportunities to learn about their audience\n        and the content they appreciate. Sometimes, a high-performing piece of content will engage\n        your audience better the second time around, and your most engaging content might be\n        something your audience will appreciate time and again.{' '}\n      </p>\n      <h2>Engage And Re-Engage: Begin By Discovering Your High Performing Content</h2>\n      <p>\n        Working hard or working smart? You could exhaust your creative juices coming up with fresh\n        content every day - or you could rediscover your top performing content from the past. Let’s\n        take a look at how you do that.\n      </p>\n      <h3>1. Utilize Analytics</h3>\n      <p>\n        Taking advantage of the analytic tools that are out there can revolutionize your content.\n        Sometimes engaging with social media can feel like shouting into the void - and it’s so\n        frustrating when you post some hard-earned content, only for it to seemingly slip under the\n        radar. Analytics provides you with the context for how your audience is engaging with your\n        post - remember, knowledge is power.\n      </p>\n\n      <p>\n        Google Analytics is one of the best tools out there for exploring the performance of your\n        content. You’ll be able to see, out of all your content, what was the most viewed and the\n        most shared. Google’s Analytic tools are far from the only option out there too, so if you\n        want more specificity in how you approach your data, explore some other options.\n      </p>\n      <h3>2. Social Statistics</h3>\n      <p>\n        Most social media platforms have their own analytics that you can access somewhere in the\n        backdrop of your account. Instagram, for example, offers businesses the ability to see how\n        many shares their post has had, as well as how many profile views came as a direct result\n        from your post.\n      </p>\n\n      <p>\n        “Tracking your most-shared content is an essential way of identifying your top-performing\n        posts,” says Jennifer Erwin, a content expert at{' '}\n        <a href=\"https://boomessays.com/\" rel=\"noopener noreferrer nofollow\" target=\"_blank\">\n          Boomessays\n        </a>\n        . “When posts get shared that gives your engagement existential growth - the holy grail of\n        content marketing.” Utilize social platforms’ own internal analytics to identify which posts\n        are resonating with your audience and getting the best reach - this will give you an archive\n        of great content to draw upon in the future.\n      </p>\n      <h2>Bringing Your Content Back To Life</h2>\n      <p>\n        {' '}\n        Having identified your top-performing content of yore, you have the opportunity to re-engage\n        your audience with it and expand the reach of your social media. Sometimes simply reposting\n        your content with a simple introduction such as “One from the archives…” might be enough to\n        merit a share. But to get the most life out of your content you can reanimate it for new\n        audiences. Let’s see the best ways to bring your content back to life. In addition, you can\n        always hire a freelancer to create custom animations, graphic designs or extra copy to give\n        your content the boost it needs, provided it’s{' '}\n        <a\n          href=\"https://www.twine.fm/blog/hire-freelancer-cost/\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          within your budget\n        </a>\n        .\n      </p>\n      <h3>1. Repurposing Content Into New Forms</h3>\n      <p>\n        There are so many ways you can{' '}\n        <a\n          href=\"https://clipchamp.com/en/blog/benefits-online-video/\"\n          rel=\"noopener noreferrer nofollow\"\n          target=\"_blank\"\n        >\n          share content from text to video\n        </a>\n        ,{' '}\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          href=\"https://visme.co/blog/how-to-make-an-infographic/\"\n        >\n          images to infographics\n        </a>\n        . And different platforms encourage information to be shared in different ways. For example,\n        a text post that you have identified as performing well on Facebook could be repurposed into\n        a series of slides for an information Instagram post.\n      </p>\n      <p>\n        Get creative with how you repurpose your best-performing content and you’ll give it a second\n        lease of life. Even platforms that predominantly encourage sharing in one form - such as\n        Instagram and images - are ripe for subverting with alternative content. See how\n        microblogging on Instagram has taken off. Your content can take so many forms!\n      </p>\n      <h3>2. Leverage The Reach Of Influencers And Bloggers</h3>\n      <p>\n        Influencers are a big deal across multiple social platforms and they’ve curated a unique,\n        authentic, and highly engaged audience that’s just waiting for your content. You can\n        approach influencers by direct message to see if they’re interested in working for you or,\n        take a more organic approach by engaging with them on their own accounts first.\n      </p>\n\n      <p>\n        By getting the attention of those with big followings you increase the chance of getting\n        them to share your content with their audience. If they like your posts, this can happen\n        entirely organically. This is a great strategy for bloggers too who have their own curated\n        audience.\n      </p>\n      <h3>3. Discover New Platforms For Your Content</h3>\n      <p>\n        It feels like new social platforms are created every day so it’s likely there’ll be one or\n        two out there that you haven’t gotten onto yet. Even if the majority of these platforms\n        never compete with the likes of Facebook or Instagram you never know which will be the next\n        big thing.\n      </p>\n\n      <p>\n        What’s more, each platform will have its own demographic as an audience. From Tik Tok to\n        LinkedIn, there’s always a new audience for your content.\n      </p>\n      <h3>4. Personalize Content For Key Viewers</h3>\n      <p>\n        Whatever your industry, there will be some major discrepancies in your target market. Take\n        your old content and tweak it in a way that appeals to specific subsets of the demographics\n        you’re trying to reach. Personalize content to create tailored posts that maximize\n        engagement.\n      </p>\n      <h2>Measuring Your Content’s Engagement</h2>\n      <p>\n        Lastly, it’s essential to measure the engagement your content gets. This will guide your\n        strategy in the future.\n      </p>\n      <h3>1. Comments</h3>\n      <p>\n        Whilst it’s great if people are double-tapping to like the content you’ve posted on\n        Instagram or if your Facebook posts are bringing the thumbs, but comments take precedence\n        over likes in the engagement hierarchy. If people have been interested enough in your post\n        to leave a comment then you know they’re engaged - scan your blog posts and social media to\n        see what people are commenting on, and where.\n      </p>\n      <h3>2. Social Shares</h3>\n      <p>\n        Chances are, your most engaging content is being widely shared. A shared post reaches the\n        audience of whoever has shared it, so it’s not only your followers who are seeing your\n        content but an ever-increasing audience. Incentivizing your followers to share your posts\n        through offers and giveaways can take your engagement to another level.\n      </p>\n      <h3>3. Amount Of Pageviews</h3>\n      <p>\n        For blog posts, pageviews are an important metric in how successful your content has been.\n        For a good sense of how your content is performing you should know a rough average of how\n        many views your blogs get - you can then gauge if a specific content is exceeding\n        expectations. And it’s equally important to know where these views are coming from.\n      </p>\n      <h3>4. Organic Traffic</h3>\n      <p>\n        “Tracking your traffic and identifying how much of it is organic is important to\n        understanding the performance of your post,” says Elizabeth Jenkins, a copywriter at{' '}\n        <a href=\"https://stateofwriting.com/\" rel=\"noopener noreferrer nofollow\" target=\"_blank\">\n          State Of Writing\n        </a>\n        . Organic traffic, as opposed to paid traffic resulting from ads, will indicate that your\n        content is being shared far and wide.\n      </p>\n      <h3>5. Realtime Tools</h3>\n      <p>\n        LiveSession is a fantastic tool that lets you record and replay the way your customers have\n        interacted with your content on social channels. LiveSession gives you the ability to see\n        through your customers eyes and can provide great insight into how customers engage with\n        your content. For example, you can assess where customers&apos; attention is being directed\n        - if you have highly informative content with a mixture of infographics and text, this\n        analytic tool can make it clear if people are engaging with the whole post or just certain\n        elements. You’ll be able to recycle popular graphics in your content cycle once you have\n        this data.\n      </p>\n      <a href={cta.link} target=\"_blank\" rel=\"noopener noreferrer\" className=\"action-banner\">\n        Record and replay sessions on your website now. Try LiveSession for free.\n      </a>\n      <h3>6. Engagement With Target Accounts</h3>\n      <p>\n        Does the engagement on your content have a strong overlap with the accounts you’re most\n        interested in reaching? If you’ve identified niche target markets you can gauge the\n        performance of your content both in terms of absolute numbers as well as in how these\n        demographics are engaging with your content. Ideally, everyone who likes, comments and\n        shares your posts is a potential customer - once you’ve maximized engagement with an\n        audience that is tailored to the demands of your products, your business is ready to grow.\n      </p>\n      <h2>Wrapping Up</h2>\n      <p>\n        The drive for fresh content can sometimes be fallacious - old content can be brought back to\n        life with these strategies. By finding new platforms, new audiences and by tweaking old\n        content into new forms you can find next level engagement with the content you’re already\n        sitting on. Don’t forget the value of analytics to discover your top content, as well as to\n        continually measure your content’s performance and adjust your strategies accordingly. Don’t\n        exhaust yourself with constant new content - recycle your content for a green strategy.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'How To Bring Old Content Back To Life And Discover New Levels Of Engagement',\n  url: '/blog/how-to-bring-old-content-back-to-life-and-discover-new-levels-of-engagement/',\n  description: `Sometimes, a high-performing piece of content will engage your audience better the second time around, and your most engaging content might be something your audience will appreciate time and again.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-11-16',\n  category: '',\n  group: 'Article',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/shorter-way-e11aab8d37d3c2faff1cd26379c71fb8.jpg\";","module.exports = __webpack_public_path__ + \"static/img2-e89ef8703d9409790d9e59a2e8fd66ea.png\";","module.exports = __webpack_public_path__ + \"static/image2-d0e558aa58ce7650d16e84eabfdcaba1.png\";","module.exports = __webpack_public_path__ + \"static/screely-1579465559231-9c922bc8325d1d6723b2d3cd7d1c27ff.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/high-performer/high-performer-g2.png';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        <strong>\n          We are proud to have been honored by G2 Crowd. It is one of the largest and award-winning\n          portals gathering reviews of products and services from various industries.\n        </strong>\n      </p>\n      <p>\n        This time{' '}\n        <a rel=\"noopener nofollow noreferrer\" target=\"_blank\" href=\"https://www.g2.com/\">\n          G2\n        </a>{' '}\n        prepared a report in the Session Replay tool category, where out of 53 companies, ten were\n        awarded in this category. We were awarded the <strong>High Performer badge</strong>. This\n        award is given to products that are appreciated by customers and has been on the market for\n        a short time compared to other products in this category. LiveSession has been recognized as\n        a product with a very high potential, which at an early stage of its existence on the market\n        (since 2019), is placed among the leaders.\n      </p>\n\n      <p>\n        LiveSession received a satisfaction rating of between{' '}\n        <strong>\n          90% and 100% in terms of ease of set-up, ease of use, ease of administration, and\n          supported quality\n        </strong>\n        . 100% of users rated us 4 or 5 stars, 91% felt we were heading in the right direction, and\n        users said they would probably recommend LiveSession at 94%.\n      </p>\n\n      <p>\n        We want to thank those who have shared their views. It is thanks to our customers that we\n        have the strength and motivation to continue to grow and improve our product so that it can\n        help many online businesses grow.{' '}\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'LiveSession Named A High Performer in Session Replays, For Fall 2019 by G2 Crowd ',\n  url: '/blog/livesession-named-a-high-performer-in-session-replays-for-fall-2019-by-g2-crowd',\n  description:\n    'We are proud to have been honored by G2 Crowd! It is one of the largest and award-winning portals gathering reviews of products and services from various industries.',\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-09-30',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Awards',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"We are proud to have been honored by G2 Crowd! It is one of the largest and award-winning portals gathering reviews of products and services from various industries.\"\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/unnamed-6--0bb245cfa189cc613188e9f3f5c84388.png\";","module.exports = __webpack_public_path__ + \"static/tags_1-82c37342d6c57b8b3aa166a3aacb3a4e.webm\";","module.exports = __webpack_public_path__ + \"static/segment-notifications-37a2dd5b4a776a5eff850a3edf911958.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/substring_filters.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        New filter operator is now available. For <strong>Name</strong>, <strong>Email</strong>,{' '}\n        <strong>URLs</strong> and <strong>Custom params</strong> you can filter sessions using a{' '}\n        <strong>substring</strong> value.\n      </p>\n      <ImageModal\n        src={img}\n        alt=\"LiveSession parameters\"\n        title=\"Filter sessions using substring value\"\n      />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Substring filtering',\n  url: '/blog/substring-filter/',\n  description: 'New filters matching option',\n  author,\n  img,\n  date: '2019-05-21',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/simplymoneylyfe-a8fe9c4a80121f6c34d77b27251dad46.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport finanacesReward from 'img/blog/other/financesonline.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        LiveSession Wins Premium Usability Honor for Marketing Software from Platform for Software\n        Reviews.\n      </p>\n      <p>\n        LiveSession, helping many businesses accelerate their business growth through better\n        knowledge of customer behavior, has recently been conferred with the Premium Usability honor\n        for 2019.\n      </p>\n      <p className=\"mb-4\">\n        {' '}\n        <ImageModal\n          src={finanacesReward}\n          alt=\"award\"\n          title=\"Rising star and premium usability award\"\n        />{' '}\n      </p>\n      <p>\n        LiveSession received the award from{' '}\n        <a rel=\"nofollow\" href=\"https://financesonline.com/\">\n          FinancesOnline\n        </a>\n        , a popular software review platform, in recognition of its intuitive set of features for\n        analyzing essential customer data. Among the functionalities commended by the FinancesOnline\n        review team include “total visibility and transparency” on customer interactions,\n        identification of the type of content that positively or negatively impacted customer\n        interactions with your website, and data segmentation, among others. And with our\n        Straightforward{' '}\n        <a rel=\"nofollow\" href=\"https://reviews.financesonline.com/p/livesession/\">\n          LiveSession pricing\n        </a>{' '}\n        options, you can get every single feature that we offer across all plans.{' '}\n      </p>\n\n      <p>\n        As stated by FinancesOnline, our customer analytics tool is able to document “all sorts of\n        data” and “thoroughly” analyze and evaluate these information to produce “highly actionable\n        insights.” All in all, this can help businesses provide a more delightful customer journey\n        while improving their conversions, stated the review team. And as a testimony on the\n        reliability of LiveSession, FinancesOnline certified us with the Rising Star award for 2019\n        while being recognized as among the{' '}\n        <a\n          rel=\"nofollow\"\n          href=\"https://financesonline.com/top-10-alternatives-to-pardot-leading-marketing-software-solutions/\"\n        >\n          leading marketing alternatives\n        </a>\n        . Furthermore, we also ranked among their top list of{' '}\n        <a\n          rel=\"nofollow\"\n          href=\"https://financesonline.com/15-best-marketing-software-systems-business/\"\n        >\n          marketing software\n        </a>{' '}\n        and garnered a 97% customer satisfaction score based on their unique algorithm.{' '}\n      </p>\n\n      <p>\n        We would like to thank our sincere appreciation to FinancesOnline and all our customers for\n        the positive feedback. Stay tuned for better experiences to come as we have a lot of new\n        features and quality of life improvements in the pipeline for 2019.{' '}\n      </p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'LiveSession wins Premium Usability Honor',\n  url: `${process.env.GATSBY_HOST}/blog/livesession-wins-premium-usability-honor/`,\n  description:\n    'LiveSession received the award from FinancesOnline, a popular software review platform.',\n  author,\n  img: finanacesReward,\n  date: '2019-04-17',\n  category: '',\n  group: 'Awards',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorMarcel as author } from 'data/authors';\nimport cover from 'img/blog/covers/segment-notifications.png';\nimport img from 'img/help/segments-notifications/notifications1.png';\nimport img1 from 'img/help/segments-notifications/notifications2.png';\nimport img2 from 'img/help/segments-notifications/notifications3.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>We’ve added segments notifications to LiveSession!</p>\n      <p>\n        From now, you can get notified about the changes in a chosen segments on email.\n        Notifications can be sent on a daily or weekly basis.\n      </p>\n      <p>To get started, simply click the “Add to summary” button while the segment is selected.</p>\n      <img src={img} alt=\"Segments notifications - preview\" title=\"Add to summary\" />\n      <p>\n        Next day, you&apos;ll receive a summarized list of the segments you’re following with the\n        number of sessions from the past day or week (depending on your settings).\n      </p>\n      <img src={img1} alt=\"Segments notifications email - preview\" title=\"Segments summary email\" />\n      <p>You can change Segments summary settings: “Settings &gt; Notifications”:</p>\n      <img src={img2} alt=\"Notifications in settings\" title=\"Segments summary settings\" />\n      <p>Also, you can add or remove segments that you want to be included in the summary.</p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Segments summary email',\n  url: '/blog/segments-summary-email/',\n  description: `Introducing segments notifications! Get a daily or weekly email summary of segments that you follow.`,\n  author,\n  img: cover,\n  imgSocial: cover,\n  date: '2021-01-18',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/8-cta-3df8faa6026aefb58670abc3c46ce4d4.png\";","module.exports = __webpack_public_path__ + \"static/start-playback-59c52171279d25fa7a1fa04cc9d17f5f.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/livesession-summary.png';\n\nimport img1 from 'img/blog/statistics.svg';\nimport img2 from 'img/blog/appdashboard.png';\nimport img3 from 'img/blog/create-segment.png';\nimport img4 from 'img/blog/engagement.png';\nimport img5 from 'img/blog/g2-high-performer.png';\nimport img6 from 'img/blog/awards_2.png';\nimport img7 from 'img/blog/postbetterux.png';\nimport img8 from 'img/blog/userexp.png';\nimport img9 from 'img/blog/tipsmanagers.png';\nimport img10 from 'img/blog/abtests.png';\nimport img11 from 'img/blog/notifications.svg';\nimport img12 from 'img/blog/autoplay.png';\nimport img13 from 'img/blog/team.png';\n\nimport video from 'img/blog/inspect_mode_gif.webm';\nimport video2 from 'img/blog/intercom_integration.webm';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>2019 was quite a ride.</p>\n      <p>Thank you for being with us throughout the year!</p>\n      <p>\n        We’ve been working hard to develop a session recording app to meet your needs. And we’re not\n        stopping there!\n      </p>\n      <p>\n        Our mission is to create a product that allows you to get valuable insights as fast as\n        possible. We’re not just working on a qualitative analytics app. The goal is to create an\n        app that makes analyzing session recordings <strong>faster and more effective.</strong>\n      </p>\n      <p>\n        Ultimately, you won’t have to spend long hours watching all the session replays. Instead,\n        you can select your filters in a few clicks and get actionable insights right away.\n      </p>\n      <p>Enough talking, what about action? Here’s what we’ve been up to in 2019:</p>\n      <h2 id=\"a-few-statistics\">A few statistics</h2>\n      <picture>\n        <source srcSet=\"/img/statistics-mobile.svg\" media=\"(max-width: 800px)\" />\n        <img src={img1} title=\"Statistics\" alt=\"stats\" />\n      </picture>\n\n      <h2 id=\"new-releases-in-2019\">New releases in 2019</h2>\n      <p>\n        We’ve introduced dozens of new features in 2019. Some of the most important ones included:\n      </p>\n      <h3 id=\"dashboard-segmentation\">Dashboard segmentation</h3>\n      <p>\n        <img src={img2} alt=\"dashboard\" title=\"LiveSession Dashboard\" />\n      </p>\n      <p>\n        Filtering made easier: you can use filters and{' '}\n        <a\n          href=\"/blog/dashboard-filtering-and-segmentation/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          track different segments\n        </a>{' '}\n        right on the dashboard.\n      </p>\n      <h3 id=\"segment-sharing\">Segment sharing</h3>\n      <p>\n        <img src={img3} alt=\"segmentation\" title=\"Segmentation sharing\" />\n      </p>\n      <p>\n        Share segments with your colleagues and make qualitative analytics more effective.{' '}\n        <a href=\"/blog/segment-sharing/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Segment sharing\n        </a>{' '}\n        will facilitate teamwork in your company.\n      </p>\n      <h3 id=\"engagement-score\">Engagement score</h3>\n      <p>\n        <img src={img4} alt=\"engagement\" title=\"Engagement score\" />\n      </p>\n      <p>\n        A feature that makes us especially proud.{' '}\n        <a href=\"/blog/engagement-score/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Engagement score\n        </a>{' '}\n        will save you lots of time! Each recording gets a score based on different indicators on\n        user activity. You don’t have to watch hours of boring material to find what you’re looking\n        for. With LiveSession’s engagement score, you’re able to find the most interesting sessions\n        right away.\n      </p>\n      <h3 id=\"inspect-mode\">Inspect mode</h3>\n      <video width=\"100%\" height=\"100%\" autoPlay muted loop>\n        <source src={video} type=\"video/webm\" />\n      </video>\n\n      <p>\n        We make it easier to track how people interact with particular elements on your website. You\n        find the right recordings very quickly with{' '}\n        <a href=\"/blog/inspect-mode/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          inspect mode\n        </a>\n        .\n      </p>\n      <h2 id=\"awards-and-recognition\">Awards and recognition</h2>\n      <p>\n        We’re extremely happy to see that LiveSession is gaining recognition in the SaaS industry.\n        In 2019, we’ve received the High Performer badge from G2 – twice!{' '}\n        <a\n          href=\"https://www.g2.com/products/livesession/reviews\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          G2\n        </a>{' '}\n        is a software review website, which means that the recognition is based on insights from\n        real LiveSession clients. Thank you for your valuable feedback!\n      </p>\n      <p>\n        <img src={img5} alt=\"award\" title=\"Award High Performer\" />\n      </p>\n      <p>\n        <a\n          href=\"https://www.g2.com/products/livesession/reviews\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n          className=\"link-button\"\n        >\n          Leave us a G2 review\n        </a>\n      </p>\n      <p>\n        What’s more, we’ve received the <strong>Premium Usability Honor</strong> from{' '}\n        <a\n          href=\"https://reviews.financesonline.com/p/livesession/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          FinancesOnline\n        </a>\n        , another prominent software review platform. LiveSession was praised for “total visibility\n        and transparency”, as well as the ability to come up with “highly actionable insights”.\n      </p>\n      <p>\n        We’ve also been named a Rising Star on the session replay market. This makes us motivated to\n        work even harder!\n      </p>\n      <p>\n        <img src={img6} alt=\"award\" title=\"Awards from FinancesOnline\" />\n      </p>\n      <h2 id=\"best-blog-posts-of-2019\">Best blog posts of 2019</h2>\n      <p>\n        Creating world-class session replay software is one thing. We’re also striving to become a\n        knowledge hub for user experience research, conversion rate optimization and all things\n        related to session replays.\n      </p>\n      <p>\n        In 2019, our posts were featured in acclaimed UX publications, including{' '}\n        <a\n          href=\"https://uxdesign.cc/7-psychological-principles-for-better-ux-3ab1620b123\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          UX Collective\n        </a>{' '}\n        (uxdesign.cc), a popular UX magazine, and the{' '}\n        <a\n          href=\"https://blog.balsamiq.com/ux-ui-links-december-2019/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Balsamiq\n        </a>{' '}\n        blog:\n      </p>\n      <p>\n        <img src={img7} alt=\"best posts\" title=\"Best blog posts\" />\n      </p>\n      <p>Our top 3 blog posts in 2019 were:</p>\n      <h3 id=\"7-psychological-principles-for-better-ux\">\n        <a\n          href=\"/blog/7-psychological-principles-for-better-ux/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          7 Psychological Principles for Better UX\n        </a>\n      </h3>\n      <p>\n        <img src={img8} alt=\"better ux\" title=\"User experience\" />\n      </p>\n      <p>\n        An introduction to psychology for user experience professionals. Learn how to use\n        psychological principles to improve the quality of your work.\n      </p>\n      <h3 id=\"tips-for-new-product-managers-with-expert-quotes-\">\n        <a\n          href=\"/blog/tips-for-new-product-managers-with-expert-quotes/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Tips for new product managers (with expert quotes)\n        </a>\n      </h3>\n      <p>\n        <img src={img9} alt=\"tips for managers\" title=\"Best tips for new product managers\" />\n      </p>\n      <p>\n        New in the product management business? Read actionable tips from real product managers. We\n        talked to professionals from{' '}\n        <a href=\"https://www.tagvenue.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Tagvenue\n        </a>\n        ,{' '}\n        <a href=\"https://www.datafeedwatch.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          DataFeedWatch\n        </a>\n        ,{' '}\n        <a href=\"https://mapp.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Mapp Digital\n        </a>{' '}\n        and{' '}\n        <a href=\"https://onpagechamp.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          OnPage Champ\n        </a>\n        .\n      </p>\n      <h3 id=\"5-tips-for-better-a-b-tests\">\n        <a href=\"/blog/5-tips-for-better-a-b-tests/\">5 Tips for Better A/B Tests</a>\n      </h3>\n      <p>\n        <img src={img10} alt=\"blog-ab tests\" title=\"Tips for A/B tests\" />\n      </p>\n      <p>\n        Learn how to improve your A/B tests and get more relevant insights. We’re listing some of\n        our best tips in this blog post.\n      </p>\n      <h2 id=\"what-comes-next-\">What comes next?</h2>\n      <p>\n        2019 was a year of rapid growth – and LiveSession is just getting started. We receive plenty\n        of suggestions from our clients and we do our best to meet the demand.\n      </p>\n      <p>\n        Here’s what’s included in our <strong>2020 roadmap:</strong>\n      </p>\n      <h3 id=\"segment-notifications\">Segment notifications</h3>\n      <p>\n        <img src={img11} title=\"Notifications\" alt=\"notifications\" />\n      </p>\n      <p>\n        Soon LiveSession will be able to send a summary of segment activities directly to your\n        email. You won’t even have to log in to the app. Instead, you’ll receive a clear,\n        automatically generated report– a huge time saver, isn’t it?\n      </p>\n      <h3 id=\"session-autoplay\">Session autoplay</h3>\n      <p>\n        <img src={img12} alt=\"player\" title=\"Autoplay session\" />\n      </p>\n      <p>\n        You’ll be able to watch all the sessions from one segment in one go. When one playback ends,\n        the next session will start automatically.\n      </p>\n      <h3 id=\"more-integrations-coming-soon\">More integrations coming soon</h3>\n      <video width=\"100%\" height=\"100%\" autoPlay muted loop className=\"smaller-video\">\n        <source src={video2} type=\"video/webm\" />\n      </video>\n\n      <p>\n        We’re currently working on extended{' '}\n        <strong>integrations for Intercom, Segment and Sentry</strong>– to name just a few! If\n        you’ve got an idea for an integration, don’t hesitate to let us know via Intercom. All you\n        need to do is click the blue icon in the bottom right corner and send us a message. We’re\n        more than happy to hear your thoughts.\n      </p>\n      <p>Thank you for an exciting 2019 and here’s to an even better 2020!</p>\n      <p>\n        <img src={img13} alt=\"our team\" title=\"It&#39;s us!\" />\n      </p>\n      <p>\n        And if you’re not with us yet, you can{' '}\n        <a href=\"/signup/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          sign up\n        </a>{' '}\n        for for a free LiveSession trial right away. No credit card is required!\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'LiveSession 2019 Summary',\n  url: '/blog/livesession-2019-summary/',\n  description: `We’ve been working hard to develop a session recording app to meet your needs.\n  And we’re not stopping there!`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-01-30',\n  category: '',\n  group: 'Articles',\n  timeToRead: 4,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/play-next-70c85dde196599f5bb20274450d3407e.png\";","module.exports = __webpack_public_path__ + \"static/superoffice-026701431296a17e0bb3dc546c0e46da.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorPatryk as author } from 'data/authors';\nimport Link from 'components/ui/link';\nimport img from 'img/blog/covers/zendesk.png';\nimport img1 from 'img/ui/integration.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        We have launched our new Zendesk integration! You can install it straight from the{' '}\n        <Link\n          href=\"https://www.zendesk.com/apps/support/livesession/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Zendesk Marketplace\n        </Link>\n        . It adds links to your identified user’s latest sessions in the ticket view:\n      </p>\n      <img\n        src={img1}\n        alt=\"Zendesk integration\"\n        title=\"Add more context to every support ticket you get\"\n      />\n      <p>\n        {' '}\n        To use LiveSession’s Zendesk integration, you will need to{' '}\n        <Link\n          href=\"https://app.livesession.io/app/settings/api-tokens\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          create a personal access token\n        </Link>{' '}\n        and provide it on the integration’s settings page on Zendesk.com.\n      </p>\n\n      <p>\n        To ensure the integration will work as expected, remember to{' '}\n        <Link\n          href=\"/help/user-identification-custom-properties/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          set up user identification\n        </Link>{' '}\n        and provide the user’s email address.{' '}\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'New Zendesk integration',\n  url: '/blog/zendesk/',\n  description: `We have updated our Zendesk integration. Now you can install it directly from the Zendesk Marketplace. It will add links to your identified user's sessions.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-07-15',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/like-a-pro-6bbe6f52cd8feb5f883bada417d64577.jpg\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorRonald as author } from 'data/authors';\nimport img from 'img/blog/covers/website-speed.png';\n\nimport img1 from 'img/blog/website-speed/traffic.jpg';\nimport img2 from 'img/blog/website-speed/pagespeed-insights.png';\nimport img3 from 'img/blog/website-speed/stats.png';\nimport img4 from 'img/blog/website-speed/image-scale.png';\nimport img5 from 'img/blog/website-speed/wp.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        At the risk of sounding like a crotchety old-timer, kids these days ain’t got no patience.\n        Thanks to high-speed WiFi, 4G data plans across the globe and Amazon’s ubiquitizing of next\n        day delivery, in 2020 one thing is clear: people don’t want to wait. With superfast\n        broadband at home and data in our pockets, the web is becoming faster and more dynamic than\n        ever.\n      </p>\n\n      <p>\n        In a world where everything is speeding up, the challenge becomes keeping up - and as\n        attention spans drop and patience thins, website loading speeds can become a huge barrier to\n        reaching your customers. Websites need to be fast - let’s see why that’s so important and\n        how you can find your need for speed.\n      </p>\n\n      <img src={img1} alt=\"Traffic\" title=\"Website speed\" />\n      <p>\n        Source:{' '}\n        <a\n          href=\"https://pixabay.com/photos/traffic-highway-lights-night-speed-332857/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Pixabay\n        </a>\n      </p>\n\n      <h2>Why Website Speed Is So Important</h2>\n\n      <p>\n        There are two main reasons why website speed can have a huge impact on your reach across the\n        web and, ultimately, your revenue. The first is user experience, or UX, which is to do with\n        how users directly experience your site. The second is search engine optimization (SEO), or\n        how users find your site in the first place. We’ll see how the speed of your site can have a\n        huge impact on important website metrics, and then we’ll get you up to speed on website\n        speed.\n      </p>\n\n      <h3>Speed Will Boost Your User Experience</h3>\n\n      <p>\n        If anyone knows what web users want, it’s Google - and their research has shown that website\n        speed has a{' '}\n        <a\n          href=\"https://ai.googleblog.com/2009/06/speed-matters.html\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          direct impact on user’s happiness, productivity and the time they spend on your site\n        </a>\n        . Elsewhere, research has shown that{' '}\n        <a\n          href=\"https://www.section.io/blog/page-load-time-bounce-rate/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          one in ten internet users will abandon your site within two seconds\n        </a>\n        , which gives you an incredibly narrow window to wow your visitors.\n      </p>\n\n      <p>\n        And the way mobile technology has changed browsing habits means more people are visiting\n        your site from phones and tablets -{' '}\n        <a\n          href=\"https://developer.akamai.com/blog/2016/09/14/mobile-load-time-user-abandonment\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          over half of mobile browsers won’t wait three seconds for a site to load\n        </a>\n        . You can’t afford to ignore the growing mobile market, so speeds need to be optimized for\n        mobile browsers as well as desktop.\n      </p>\n\n      <h3>Speed Will Aid Your SEO Website Metrics</h3>\n\n      <p>\n        SEO is essential for businesses invested in any way in the online world. Getting your page\n        higher on the search engine ranking means more people finding your site, visiting your store\n        or purchasing your products and services. Because most web users ditch after just a few\n        seconds, a laggy site will impact a number of important website metrics such as bounce rate\n        and dwell time - impacting your SEO.\n      </p>\n\n      <p>\n        What’s more, since 2018{' '}\n        <a\n          href=\"https://searchengineland.com/google-speed-update-page-speed-will-become-ranking-factor-mobile-search-289904#:~:text=Starting%20in%20July%202018%2C%20Google,in%20their%20mobile%20search%20results.&text=Google%20today%20announced%20a%20new,queries%2C%20Google%20reiterated%20to%20us.\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Google has been using mobile page speed as a ranking factor\n        </a>{' '}\n        - meaning slow loading pages get buried under snappy sites. Google incorporates page speed\n        as a website metric because they know how important loading times are to user experience. UX\n        drives SEO metrics, and SEO metrics drive traffic to your site. Website speed thus plays a\n        critical role in this process at every step of the way.\n      </p>\n      <h2>How To Check Your Website’s Speed</h2>\n      <img\n        src={img2}\n        alt=\"Google’s PageSpeed Insights\"\n        title=\"Google’s PageSpeed Insights - stats\"\n      />\n      <p>\n        If you’re still not sure your website needs a speed injection then there are plenty of tools\n        you can use to diagnose every aspect of page loading times. As part of their broader\n        analytics package, Google offers{' '}\n        <a\n          href=\"https://developers.google.com/speed/pagespeed/insights/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          PageSpeed Insights\n        </a>{' '}\n        which gives you a clear summary of how your site performs. Further down the page,\n        opportunities and diagnostics are identified to help you solve site speed issues.\n      </p>\n      <img\n        src={img3}\n        alt=\"Google’s PageSpeed Insights\"\n        title=\"Google’s PageSpeed Insights - stats - 2\"\n      />\n      <p>\n        Another online tool to check out is{' '}\n        <a\n          href=\"https://www.pingdom.com/website-monitoring\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Pingdom\n        </a>\n        . Pingdom is easy to use for anyone without a background in data or analytics and by\n        tracking historical performance you can see how your site is improving through the measures\n        you’ve taken.\n      </p>\n\n      <p>\n        “No site is operating at a perfect speed,” says Dorothy Schneider, a content writer at\n        Writinity. “As a website metric speed is more important than ever so optimizing your site to\n        operate faster should be a huge goal from both a UX, SEO and revenue perspective.” Let’s\n        find out how to speed your site up.\n      </p>\n      <h2>Six Ways To Speed Your Website Up Fast</h2>\n      <h3>1. Update Your Server</h3>\n      <p>\n        {' '}\n        Before you go to any crazy lengths to speed up your site, you need to check your server is\n        up to scratch. This is one of the simplest solutions to a slow website. Site speed can vary\n        dramatically depending on how it’s hosted and often we start out taking cheap options -\n        ending up sharing bandwidth and choking out speed.\n      </p>\n\n      <p>\n        Web hosting can be <i>shared</i>, <i>dedicated</i>, or VPS and it’s important to understand\n        the difference. Shared hosting means that you’re not the only site on your server - the cost\n        is spread amongst a number of sites, so it’s cheaper. Dedicated hosting gives you your own\n        server - a real, physical thing that’s dedicated to you. This gives you maximum speed, but\n        it’s extremely expensive and probably overkills. Moving your hosting plan from shared to VPS\n        (a virtual private server) can have a huge difference, however - your hosting is distributed\n        over a multitude of servers, giving you upgraded speeds.\n      </p>\n      <h3>2. Rethink Your Images</h3>\n      <p>\n        On average,{' '}\n        <a\n          href=\"https://httparchive.org/reports/state-of-images\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          around 60% of a website’s bulk is made up of images\n        </a>{' '}\n        so if you can trim the fat off your images you’ll be downsizing your website and speeding it\n        up in the process. Of course, stripping your site back to a wall of text isn’t going to do\n        user experience or website metrics any favors - images are an important part of the vitality\n        of your site - so cropping and compression are the name of the game here.\n      </p>\n\n      <p>\n        You can use PhotoShop or{' '}\n        <a\n          href=\"https://guides.lib.umich.edu/c.php?g=282942&p=1888162\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          a free tool like GIMP\n        </a>{' '}\n        to resize your images before you upload them. To make life even easier, if you’re running a\n        WordPress site there are a variety of plugins that will remove any unnecessary information\n        in your pics - Smush, for example, automatically does this as you upload them, ensuring your\n        website is lean and speedy.\n      </p>\n      <img src={img4} alt=\"GIMP resizing\" title=\"Scale Image\" />\n      <p>Source: University of Michigan Library</p>\n      <h3>3. Taking Requests</h3>\n      <p>\n        One of the reasons that sites can be slow to load is because of the number of requests being\n        made each time it loads. These requests are made by HTTP (Hypertext Transfer Protocol) and\n        each request represents a journey to the server and back, each time returning with a piece\n        of your site. Identifying how many HTTP requests your site makes will enable you to identify\n        issues with loading time - you can use Pingdom to analyze requests and sort them by the time\n        they took. Reducing requests any way you can speed up your site so any slow request you can\n        eliminate will speed your site up.\n      </p>\n      <h3>4. Leveraging The Cache</h3>\n      <p>\n        {' '}\n        Caching is a mechanism that allows web users to bypass a proportion of the requests a\n        browser makes by HTTP when it visits a site - it does so by saving elements of the site from\n        previous visits, so repeat requests are eliminated. “Caching only works for users who have\n        visited your site before, and been able to cache its elements,” warns Andrew Merkson, a\n        marketing blogger at Draft beyond, “but for returning visitors, it can speed up loading time\n        significantly.”\n      </p>\n\n      <p>\n        For all caches there’s an expiry date that can be adjusted so they remain for longer - jor\n        jpg files the default is one week. Adjusting the “expires header” will ensure caches will\n        remain for longer and people{' '}\n        <a\n          href=\"https://premio.io/10-best-plugins-for-speeding-up-your-website-loading-time/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          get increased loading speeds\n        </a>{' '}\n        on your site. WordPress plugins such as{' '}\n        <a\n          href=\"https://wordpress.org/plugins/w3-total-cache/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          W3 Total Cache\n        </a>{' '}\n        or{' '}\n        <a\n          href=\"https://wordpress.org/plugins/wp-super-cache/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          WP Super Cache\n        </a>{' '}\n        can optimize the caching process for WordPress sites, and for non-WordPress sites, you can\n        explore{' '}\n        <a\n          href=\"https://blog.stackpath.com/glossary-content-caching/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          intelligent content caching\n        </a>{' '}\n        as a way of bringing your site up to speed.\n      </p>\n      <img src={img5} alt=\"W3 Total Cache\" title=\"Leveraging The Cache\" />\n      <h3>5. WordPress Plugins And External Scripts</h3>\n      <p>\n        {' '}\n        If you’re running a WordPress site -{' '}\n        <a\n          href=\"https://www.whoishostingthis.com/compare/wordpress/stats/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          and over a third of website owners are\n        </a>{' '}\n        - then you’ll likely be packing your site with plugins to provide analytics,{' '}\n        <a\n          href=\"https://wordable.io/how-to-grow-an-email-list/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          manage email lists\n        </a>{' '}\n        or track website metrics. However, a multitude of plugins will slow your loading times down,\n        and old plugins that aren’t kept up to date will have the biggest impact.\n      </p>\n\n      <p>\n        Outdated plugins are a security risk to your site as well as a drain on your loading speeds.\n        Spring clean your plugins two to three times a year to make sure your plugins aren’t holding\n        you back.\n      </p>\n\n      <p>\n        For non-WordPress sites, external scripts can function in the same way, bloating your page\n        and choking loading speed. Those extra features, such as external fonts and Facebook “like”\n        boxes, written in JavaScript, add up to slow your site down. Pingdom will inform you which\n        of your scripts are slowest to load so you can take action.\n      </p>\n      <h3>6. Optimizing JavaScript And CSS Files</h3>\n      <p>\n        In much the same way that images can be compressed to reduce the size - and loading speed of\n        your page - your site’s files can be compressed. By applying minification and gzipping to\n        your JavaScript and CSS files you can slim your site down without removing any content that\n        your users love.\n      </p>\n\n      <p>\n        Minification - for which there are a few great{' '}\n        <a\n          href=\"https://wordpress.org/plugins/bwp-minify/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          WordPress Plugins\n        </a>{' '}\n        - will shrink your code by removing semicolons, comments, and whitespace giving your\n        streamlined CSS. Gzipping compresses your files on the server level.\n      </p>\n      <h2>Up To Speed to Improve Webiste Metrics</h2>\n      <p>\n        A slow website suppresses important website metrics, chokes your SEO, and puts up a barrier\n        between you and your users. Use these tips to get your website up to speed and run\n        diagnostics on a regular basis. Website speed isn’t a one-time fix - you’ll need to keep on\n        top of external scripts, image size, and plugins. Now you have the tools to do so.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Why Website Speed Matters - And How To Supercharge it (6-Points Checklist)',\n  url: '/blog/website-speed/',\n  description: `Learn more about website speed. Implement tips from our 6-points checklist and increase your website speed fast`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-11-27',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 8,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport image from 'img/blog/updates/dashboard_segmenetation.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        I am happy to announce that from now on, filters and segments can be applied to{' '}\n        <strong>dashboard insights</strong>!\n      </p>\n      <p>\n        You can easily check what are the top Referrers, Countries, UTMs, Screen resolutions,\n        Browsers, and Devices in chosen segment.\n      </p>\n      <ImageModal\n        src={image}\n        alt=\"Filtering and segmentation\"\n        title=\"Filters and segments can be applied to dashboard insights\"\n      />\n      <p className=\"mt-4\">We are also working on more useful insights on dashboard. Stay tuned!</p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Dashboard insights segmentation',\n  url: '/blog/dashboard-filtering-and-segmentation',\n  description: 'Use filters and segments on dashboard insights',\n  author,\n  img: image,\n  date: '2019-02-05',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/duplicate-filters-7130ecc6f2e3decc8d2afbeea6031f41.png\";","module.exports = __webpack_public_path__ + \"static/ga-c70f7ddf97853a0147162edbab3a1d5d.png\";","module.exports = __webpack_public_path__ + \"static/screely-1579457606861-cef63b8bb52d67ee991646b2231ad0ef.png\";","module.exports = __webpack_public_path__ + \"static/g2-high-performer-f83e5ab344dbb8d6973ce0dda539c318.png\";","module.exports = __webpack_public_path__ + \"static/student-exeperience-5098e2163d715cf15e5175ecaa2b2f0c.png\";","module.exports = __webpack_public_path__ + \"static/autocomplete-filters-793170cc6414b6072bf33465c685c16f.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-4--6b9f7a1fde425769d919242f7f09faa4.png\";","module.exports = __webpack_public_path__ + \"static/clicks-localisation-csv-feature-news-4f3775a58470df5d8901cd53698f197a.webm\";","module.exports = __webpack_public_path__ + \"static/userexp-6d2c26a8ebd4f7c8d9c5cffb042fba30.png\";","module.exports = __webpack_public_path__ + \"static/notifications3-e28175c5a02b6f57a9228d114ba9cfca.png\";","module.exports = __webpack_public_path__ + \"static/new_filters_art-5e534244b661684f153ed6f55ab4a667.png\";","module.exports = __webpack_public_path__ + \"static/email_marketing-839d21d138d870b8a3e81b35c2dfa953.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorElizabeth as author } from 'data/authors';\nimport Link from 'components/ui/link';\nimport img from 'img/blog/covers/email_marketing.png';\nimport img1 from 'img/blog/best-ux-practices-to-built-email-marketing-lists/blog.png';\nimport img2 from 'img/blog/best-ux-practices-to-built-email-marketing-lists/popup.png';\nimport img3 from 'img/blog/best-ux-practices-to-built-email-marketing-lists/landingi.png';\nimport img4 from 'img/blog/best-ux-practices-to-built-email-marketing-lists/mail.png';\nimport img5 from 'img/blog/best-ux-practices-to-built-email-marketing-lists/kamilemail.png';\nimport img6 from 'img/blog/best-ux-practices-to-built-email-marketing-lists/heatmap.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Running an eCommerce can be exciting. However, you’ll need to pay attention to every detail\n        – from the core of your business, to the most tedious details – that includes the user\n        experience (UX). The UX design determines whether or not customers will want to visit and\n        buy from you again.{' '}\n      </p>\n      <p>\n        That’s where email marketing comes in. Building a great email list is important, but so is\n        ensuring that it doesn’t hurt your UX design. Here are 7 ways you can integrate good email\n        marketing with your UX design:\n      </p>\n      <img src={img1} alt=\"LiveSession Blog - screenshot\" title=\"LiveSession Blog page\" />\n      <h2>1. Static Opt-In Form</h2>\n      <p>\n        “An opt-in form is the most basic form in eCommerce email marketing,” says Richard Wells, a\n        marketing manager at{' '}\n        <Link\n          href=\"https://uktopwriters.com/review-ukwritings/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          UK Writings\n        </Link>{' '}\n        and{' '}\n        <Link\n          href=\"https://ukservicesreviews.com/oxessays/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          OX Essays\n        </Link>\n        . “This form helps you keep your UX design smooth and clean by sticking on either the right\n        side of a page, or in the bottom footer. And, if desired, you can hide the form with a\n        sticky tab, so that it doesn’t interfere with your UX. However, you should still make it to\n        where customers can still see the form.”\n      </p>\n      <img src={img2} alt=\"LiveSession Blog - screenshot - popup\" title=\"Static Opt-In Form\" />\n      <h2>2. Popups (When Used Properly)</h2>\n      <p>\n        While popups may get a bad rap for being irritating, there are ways to make them integrate\n        perfectly with UX without frustrating users. Here are a few different popups to know:{' '}\n      </p>\n      <ul>\n        <li>\n          <i>Time-based popups</i> appear after a user has been on a page for a certain number of\n          seconds. Keep in mind: these types of popups are the most disruptive for both users and\n          the UX design.\n        </li>\n        <li>\n          <i>Scroll-based popups</i> are less irritating for users (since they appear after a\n          certain amount of the page has been scrolled), but they can still disrupt your UX design.\n        </li>\n        <li>\n          <i>Exit-Intent popups</i> are the best option – These only appear when the user is heading\n          to the X on the side of your tab; so, it doesn’t break UX.\n        </li>\n      </ul>\n      <p>So, to ensure that you’re enabling popups properly, check out these pro tips: </p>\n      <ul>\n        <li>Use only one type of popup, so that you don’t confuse users.</li>\n        <li>\n          Disable popups for users who have already signed up, or had opted-out or receiving popups.\n        </li>\n        <li>The images, background, and tone of your popups must match your brand.</li>\n      </ul>\n      <h2>3. Sign-Up Forms That Are Interactive</h2>\n      <p>\n        Sign-up forms should make people smile, not bored. Therefore, an interactive sign-up form\n        can help make the experience more fun for your customers. People like playing games; so, an\n        interactive sign-up form is a fun way to entice users to take action. Best of all, gamified\n        sign-up forms makes your UX design stand out more, since you can customize how the forms\n        will look once they’re live. (These forms are especially ideal if you’re holding a giveaway\n        or offering special discounts.)\n      </p>\n      <img src={img3} alt=\"Landingi - screenshot\" title=\"Sign-Up Forms That Are Interactive\" />\n      <h2>4. Landing Pages</h2>\n      <p>\n        “Integrating a landing page into your email marketing strategy is helpful, if you’re doing\n        events like a contest or sale,” says Michael Turner, a business writer at{' '}\n        <Link\n          href=\"https://revieweal.com/top-au-writing-services/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Revieweal\n        </Link>{' '}\n        and{' '}\n        <Link\n          href=\"https://bestbritishessays.com/stateofwriting-com-review/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          State of writing\n        </Link>\n        .{' '}\n      </p>\n      <p>\n        “While landing pages won’t work well for your entire site, they’re still good for showing\n        off special events happening in your brand without disrupting the UX design. All you have to\n        do is keep landing pages streamlined, and not have them distracting to your customers.”\n      </p>\n      <p>\n        When it comes to any kind of marketing, the trick to success is getting people through the\n        funnel with the minimal number of clicks. The more clicks to be had and the more hoops your\n        readers have to go through, the more reluctant they will be to continue. Linking landing\n        pages in this way is a great way to cut the distance and get people engaged in your mission.\n      </p>\n      <h2>5. Optimize Your Email Basics</h2>\n      <p>\n        {' '}\n        When it comes to email marketing, and content marketing in general, there’s no doubt that\n        there are some hard and fast rules that you must remember to ensure you’re producing\n        high-quality content, but these are rules that are easy to forget when you’re focusing on\n        all the other important things you need to do.\n      </p>\n      <p>\n        For example, you should make sure the subject lines of your emails are short, eye-catching,\n        and accurate (not clickbait-y), and that any calls to action within your emails are clear\n        and concise, as well as not having more than one CTA per email.\n      </p>\n      <p>\n        UX stands for ‘user experience’, and all these aspects and elements of your emails come\n        together to create the overall user experience. Have a misleading subject line in your email\n        and it’s going to bring your experience down. Some important considerations to then think\n        about include:\n      </p>\n      <ul>\n        <li>Short and accurate subject lines</li>\n        <li>Interesting yet punchy email content</li>\n        <li>Bold and simple CTA</li>\n        <li>Alt-tag your images</li>\n        <li>Don’t overuse images that will make your emails slow</li>\n        <li>Optimize your emails for mobile devices and tablets</li>\n        <li>Make your emails easily shareable via social media using links and buttons</li>\n      </ul>\n      <img src={img4} alt=\"LiveSession Email - summary\" title=\"Optimize Your Email Basics\" />\n      <h2>6. Use Email Personalization</h2>\n      <p>\n        Nowadays, people expect emails to be personalized in the sense that you’re using their names\n        in the headers, and only sending them emails that are relevant to them. Imagine if you’re a\n        40-year-old male and you’re receiving email content from an eCommerce store about\n        soon-to-be-mothers’ clothes. It doesn’t work and this kind of mass emailing is only going to\n        put people off opening your emails in the future.\n      </p>\n      <p>\n        Instead, you need to think about gathering data about your email subscribers and then\n        segmenting your email list by certain demographics, such as age, gender, income, sales and\n        purchase history, geographical location, and so on.\n      </p>\n      <p>\n        This way, you’ll be able to create effective, targeted emails that are relevant to the\n        people opening them and have a personalized touch that’s going to make them want to continue\n        opening your emails in the future.\n      </p>\n      <p>And, at the end of the day, it’s always nice opening a friendly email.</p>\n      <img src={img5} alt=\"LiveSession Email - opinion\" title=\"Use Email Personalization\" />\n      <h2>7. Use Feedback</h2>\n      <p>\n        Whether or not you agree that the customer is always right, the customer will tend to know\n        whether they’re enjoying the reading of an email or not, which is why it’s always a good\n        idea to get feedback.\n      </p>\n      <p>\n        There are multiple ways you can do this. You could add a link at the bottom of your email\n        asking people to fill out a survey or leaving a comment on a page if they had any thoughts\n        they had to share. You could be more proactive and run a survey on your entire business,\n        offering discounts on the chance to win a prize once people have filled out their answers.\n      </p>\n      <p>\n        If you are taking this approach, then you need to make sure you’re precise with your\n        information and the way you go about getting it. For example, most people are only ever\n        going to leave a review for the following reasons:\n      </p>\n      <ul>\n        <li>There’s an incentive to be gained</li>\n        <li>They’re exceptionally, unbelievably happy with their experience</li>\n        <li>They’re exceptionally unhappy with their experience</li>\n      </ul>\n      <p>\n        This can make your results a little biased if you’re passively collecting data, because\n        you’re only ever going to see the opposite ends of the spectrum, but this should be obvious\n        when looking through your results. The best idea is to step back and get a glimpse at the\n        big picture of how people feel about your emails.\n      </p>\n      <p>\n        You can also use statistics and analytics to judge your email content. For example, if you\n        have a really high open rate, then you know your subject lines are working, but if people\n        are jumping out of your emails again within a few seconds, then you need to make your emails\n        more attractive, especially with the opening sentences.\n      </p>\n      <p>This leads us nicely onto our bonus tip!</p>\n      <img src={img6} alt=\"LiveSession Blog heatmap from App\" title=\"Use Feedback\" />\n      <h2>BONUS TIP: Use Click And Heat Maps</h2>\n      <p>\n        Heat maps are also beneficial for allowing to see user behavior on your page, along with\n        your website’s performance. Heatmapping consists of click maps, among other types of maps.\n      </p>\n      <p>\n        Click maps show you where visitors are clicking their mouse on desktop devices, or where\n        they’re tapping on mobile devices (also known as touch heatmaps). In that case, these types\n        of maps are color-coded (normally red, orange, and yellow) to show where users are clicking\n        and tapping the most. And, in terms of{' '}\n        <Link href=\"/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          email marketing\n        </Link>\n        , you’ll need to see where people are clicking and or tapping, so that you can integrate an\n        email list into your UX design.\n      </p>\n      <h2>Conclusion</h2>\n      <p>\n        So, there you have it! These 4 ways (including the bonus tip) can ensure that your email\n        marketing strategies can be incorporated seamlessly with your UX design. As you can see,\n        both email marketing and UX design can go hand-in-hand, as you run an eCommerce store.\n      </p>\n      <p>\n        While this process can take time, it’s still important to play your cards right. As you keep\n        these techniques in mind, you’ll create a great experience for your customers, and keep them\n        happy from beginning to end, thus helping you build an amazing customer base.\n      </p>\n      <p>Best of luck!</p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '7 Ways To Have Good Email Marketing Not Break UX Design',\n  url: '/blog/best-ux-practices-to-built-email-marketing-lists/',\n  description: `Learn how to implement an effective email marketing strategy and not to hurt your UX design with these 4 tips!`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-07-05',\n  category: '',\n  group: 'Design',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/create-segment-d7711e38c39e42c820a4a036ac630ff2.png\";","module.exports = __webpack_public_path__ + \"static/loadtime-70e129cbc3ad0edc459143cd76c3c014.jpg\";","module.exports = __webpack_public_path__ + \"static/nps-24dbd33da170ada0b8fadb3d4f6d32c8.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorNick as author } from 'data/authors';\nimport img from 'img/blog/covers/cover-not-all-traffic.png';\nimport img1 from 'img/blog/not-all-traffic-is-created-equally/analysis.png';\nimport img2 from 'img/blog/not-all-traffic-is-created-equally/utm.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Sources of traffic to a website are the channels through which visitors come to a website.\n        As you know, it is the number of visitors that is one of the main indicators of the success\n        of the project. The more of them, the higher the likelihood of achieving your conversion\n        goal. Of course, not every site can be proud of a steady flow of users. Knowledge of where\n        to effectively attract customers, as well as high-quality analysis of traffic sources, will\n        help to increase the traffic indicator.{' '}\n      </p>\n      <h3>Classification</h3>\n      <p>\n        Before talking directly about the analysis, it is necessary to decide which traffic sources\n        are distinguished by experts on different channels.\n      </p>\n      <p>\n        <strong>A search engine</strong> - visitors clicked on the site through natural results for\n        a keyword. This type is the most valuable and desirable for many marketers, as it is the\n        result of difficult work - search engine promotion of the resource among thousands of\n        competitors. How do you get it? Increase the rating of your portal, achieve a high ranking\n        by its search robots. It&apos;s not easy, in every sense expensive, but worth it. Good{' '}\n        <a\n          href=\"https://seosydneyexperts.com.au/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          quality SEO\n        </a>{' '}\n        is a must-have for every brand or business.\n      </p>\n      <p>\n        {' '}\n        <strong>Link</strong> - a click on links from other resources. For example, from those where\n        you left banner ads or comments with a link to your resource, or if you are registered in\n        any database, you can go on and on.\n      </p>\n\n      <p>\n        <strong>The target traffic source</strong> - visits from regular readers who subscribed to\n        your blog updates or bookmarked the resource. Of course, such leads will not appear\n        immediately, newcomers simply cannot have them.{' '}\n      </p>\n\n      <p>\n        <strong>Social</strong> - is one of the most relevant, and as you might have guessed, it\n        comes from social networks. By posting announcements and other links to your own Facebook or\n        any other platform, you{' '}\n        <a\n          href=\"https://www.wordstream.com/blog/ws/2014/08/14/increase-traffic-to-my-website\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          attract new visitors\n        </a>{' '}\n        to the site.{' '}\n      </p>\n\n      <p>\n        <strong>Advertising</strong> - generates leads by placing advertisements of various kinds.\n        This can be a display type of advertising, contextual links, a teaser. Here you can also\n        conditionally add leads from affiliate programs, which are very relevant as sources of\n        traffic for an online store.\n      </p>\n\n      <p>\n        Let&apos;s dwell on affiliate programs in more detail, with the help of them you can\n        significantly increase the traffic of the web resource. This is the interaction between the\n        advertiser and the publisher through specially created networks.\n      </p>\n\n      <p>\n        Today, the most profitable format for working with affiliate programs is CPA (Cost per\n        Action), payment for the action of an attracted user on the advertiser&apos;s\n        (customer&apos;s){' '}\n        <a href=\"/blog/why-do-people-hate-your-website/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          website\n        </a>\n        . CPA is considered to be the most effective in attracting interested customers when viewed\n        in terms of the advertiser&apos;s benefit because it pays the webmaster only for specific\n        user actions.\n      </p>\n      <p>\n        There are also free traffic sources for CPA, as the paid option is not available to all\n        businessmen. The most common channels are:\n      </p>\n      <ul>\n        <li>social platforms</li>\n        <li>sites of the &quot;question-answer&quot; type</li>\n        <li>forums / blogs</li>\n      </ul>\n      <p>\n        {' '}\n        With social networks, everything is clear. Create a page, promote it. Of course, the topic\n        of such a public should correspond to the activities of your brand, so that the promotion of\n        offers there looks natural.\n      </p>\n      <p>\n        Working with Q&A sites is similar to forums. The specialist selects a certain suitable\n        topic, advertises there unobtrusively, providing links to users. Note that these free\n        traffic sources are the oldest.\n      </p>\n\n      <p>\n        Forums/blogs are more complicated. You need to look for a related topic, create discussions\n        there. In the absence of such - to form this topic yourself. Let&apos;s be honest,\n        advertising is always masked here.{' '}\n      </p>\n\n      <p>\n        With a blog, things are the same - create your own magazine, start promoting it, but keep in\n        mind that you can place ads more freely on paid blogging platforms, which is very important\n        for the CPA method.\n      </p>\n\n      <p>\n        The analysis of traffic sources will help to understand which channel of receiving visitors\n        is lagging behind. As a rule, it is carried out using web analytics systems.\n      </p>\n      <h3>Analysis</h3>\n      <img\n        src={img1}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"analysis\"\n        loading=\"lazy\"\n        title=\"Analysis\"\n      />\n      <p>\n        For better analysis, there are additional tools, for example, dividing reports into several\n        categories. So, the{' '}\n        <a\n          href=\"https://whatagraph.com/google-analytics-pdf-report\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          report on Google Analytics\n        </a>{' '}\n        channels is divided into several groups:\n      </p>\n      <ul>\n        <li>&quot;Organic&quot; sources of Internet traffic - from natural search results</li>\n        <li>Referral traffic sources - visitors who followed links from third-party portals</li>\n        <li>Direct traffic sources - leads that come from contextual campaigns</li>\n        <li>Display traffic sources - display ad visitors</li>\n        <li>Traffic from email</li>\n      </ul>\n      <p>\n        {' '}\n        Information is usually presented in a diagram or graph, table. You can see which visitors\n        are staying on the resource and where they came from. To do this, you need to select a\n        report by sources. Then you can see exactly where the leads came from.{' '}\n      </p>\n\n      <p>\n        If you are looking for how to determine the source of traffic based on the keywords that\n        users use to find your property, then the All Traffic report can help you. However, do not\n        be surprised if some will be closed, Google is actively fighting for the rights of users and\n        their anonymity.\n      </p>\n\n      <p>Using the following report for all transitions, you can:</p>\n      <ul>\n        <li>\n          see a list of all sites from which users went to the resource, as well as see various\n          indicators for the actions of these leads\n        </li>\n        <li>see a list of the most popular pages</li>\n      </ul>\n\n      <p>\n        Separately, it is worth noting that the Analytics developers have added reports on social\n        functions. This group offers the same overview, where you can see the social networks from\n        where users visit your site, the same information as a percentage, and the URLs of those\n        pages to which users come more often. A very useful function to conduct a qualitative\n        analysis of traffic sources.\n      </p>\n\n      <p>\n        Don’t ignore sources of mobile traffic, as the number of mobile users is growing\n        exponentially, and of course, keeping in mind the social functions, this is very important.\n        These reports can also be viewed in Google Analytics.\n      </p>\n\n      <p>\n        The problem is that these statistics do not allow the analysis of every ad, link or banner.\n        For example, in the report &quot;Conversions from social networks&quot; you can see the\n        <a href=\"/blog/low-conversion-rate/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          number of conversions\n        </a>{' '}\n        from Twitter, Facebook, Pinterest and other well-known sites, but you will not know where\n        exactly - from a post in some group, advertising announcements, link in the profile - the\n        transition is made.\n      </p>\n\n      <p>\n        Let&apos;s say you are advertising a site on Facebook by buying advertising posts in groups\n        and simultaneously testing several targeted ads. In analytics systems, all of them will be\n        marked as transitions from Facebook. Considering that in addition to paid advertising, you\n        may also have organic referrals from Facebook, this confuses the cards even more.\n      </p>\n      <p>How then to deal with all this chaos?</p>\n      <h3>UTM tags</h3>\n      <img\n        src={img2}\n        className=\"img-fluid justify-content-center mb-4\"\n        alt=\"utm's\"\n        loading=\"lazy\"\n        title=\"UTM tags\"\n      />\n      <p>\n        UTM tags are the easiest and most effective way to track traffic sources. SMMs and those who\n        set up ads in Google are familiar with them. But this tool has a much wider range of uses -\n        banner ads, forum posts, links in your own accounts and groups, offline flyers, etc.\n      </p>\n\n      <p>\n        UTM tags can also be useful for analysing the effectiveness of free traffic channels. For\n        example, if you post links in some blog and want to know if they are clicked at all, whether\n        the links at the bottom of the article are effective, etc. Or, for example, you have a{' '}\n        <a\n          href=\"https://blog.thecrowdfundingformula.com/facebook-group-marketing/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Facebook group\n        </a>{' '}\n        and people can go to the site using the links in the group menu or posts on the wall\n        (including those fixed). Statistics will help you determine if they are useful in your case\n        and which formats work more efficiently.\n      </p>\n\n      <p>\n        In general, UTM tags provide a convenient and useful toolkit, and for what purposes it is up\n        to you to use it.\n      </p>\n      <h3>How to start generating UTM tags in qualitative analytic tools</h3>\n      <p>\n        Be sure to define goals and objectives for analytics. Select the required slicers for data\n        analysis. Design your campaigns to meet the above requirements. Consider the UTM markup\n        based on this. But to create UTM-tags in analytic tools, it is not enough just to know the\n        principles of their filling. Many companies have built omnichannel communication with their\n        customers. This means that it is necessary to combine data from dozens of sources. And even\n        if now you use only 2-3 sources, after a while there will be more of them - and it will\n        become more difficult to keep track of everything.\n      </p>\n      <p>\n        It is even more difficult to control the situation when different agencies/teams are engaged\n        in marketing, and they change quite often. Each has its own nuances of work and options,\n        which is more correct. To avoid mistakes and confusion in the markup, as well as to secure\n        your processes when changing decision-makers or agencies, we suggest regulating the work at\n        the initial stages of building UTM markup. For each channel type, create a document in which\n        you detail the rules for generating the values ​​of UTM tags. Be sure to check the\n        consistency of label values ​​between systems.\n      </p>\n\n      <p>\n        There are tasks when analytics is built for atypical business tasks. It is impossible to\n        give specific recommendations for all such cases since each case must be considered\n        separately. For example, in certain circumstances, you can assign the value of the UTM tag\n        inappropriately in order to track an important indicator for the business. But we won&apos;t\n        advise you to experiment with this on your own, it is better to contact a specialist.\n      </p>\n      <h3>Conclusion</h3>\n      <p>\n        So, in this article, we have covered the main sources of traffic and their importance. Now\n        you know that UTM tags have two advantages at once. First, you get great granularity and\n        results by channel, source, and campaign in one place. Secondly, you get all the information\n        about how and where the traffic came to you. This is what every marketer should know.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: \"How To Measure The Importance of Traffic Sources Using UTM's\",\n  metaTitle: 'Measuring The Importance of Traffic Sources',\n  url: '/blog/not-all-traffic-is-created-equally/',\n  description: `The number of visitors is one of the main indicators of the success of the project - more of them, the higher the likelihood of achieving your conversion goal.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-03-15',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 8,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n    metaTitle={frontmatter.metaTitle}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/formanalytics2-4a42e6fe6c27a1a7f094fb70f379d4ad.png\";","module.exports = __webpack_public_path__ + \"static/image-scale-2dfc022dd0de81a35b23f6c3a917b8f9.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorSzymon as author } from 'data/authors';\n\nimport img from 'img/blog/updates/Recording_rules.png';\nimport video1 from 'video/updates/Recording_rules_1.webm';\nimport video2 from 'video/updates/Recording_rules_2.webm';\nimport styled from 'styled-components';\nimport VideoModal from 'components/ui/video-modal';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <h3>How to set Recording Rules?</h3>\n      <ul>\n        <li>\n          Log in to{' '}\n          <a href=\"https://app.livesession.io\" alt=\"livesession-app\">\n            app.livesession.io\n          </a>\n        </li>\n        <li>Go to settings </li>\n        <li>Click on &quot;Recording rules&quot; next to the website you added</li>\n      </ul>\n\n      <p className=\"mt-5 mb-5\">\n        <VideoModal src={{ webm: video1 }} />\n      </p>\n\n      <ul>\n        <li>Press the &quot;+&quot; icon to add new rule</li>\n        <li>Then select rule type (URL, IP, User Agent or Country)</li>\n        <li>Select a condition for this rule</li>\n        <li>Enter a value for the selected rule type</li>\n        <li>And press &quot;Update&quot; or add another rule</li>\n      </ul>\n\n      <p className=\"mt-5 mb-5\">\n        <VideoModal src={{ webm: video2 }} />\n      </p>\n\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Recording rules',\n  url: '/blog/recording-rules/',\n  description: 'Set Recording Rules for your site to record only if chosen conditions fulfilled.',\n  author,\n  img,\n  date: '2019-07-22',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/cover-not-all-traffic-8a53af069581f571a67f64f2f693478f.png\";","module.exports = __webpack_public_path__ + \"static/clickmaps2-dccfd90dfdc9aed063981d04f5970d90.png\";","module.exports = __webpack_public_path__ + \"static/image1-057b4490cfb6fb238deb1ef2dc956a6c.jpg\";","module.exports = __webpack_public_path__ + \"static/abtests-c963af04d7c0b30485b1e371961a731b.png\";","module.exports = __webpack_public_path__ + \"static/bg-504a721931f30d1396be20295da07601.png\";","module.exports = __webpack_public_path__ + \"static/engagement-dd2651c50732a1c6c93b43d3d5e7f250.png\";","module.exports = __webpack_public_path__ + \"static/top_users_art-3f95652e7bc710cefd9142da74ebf98e.png\";","module.exports = __webpack_public_path__ + \"static/sessionRecordings-b04b3db090b4804f3bc43e9424fb77ba.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport { useSourceParams } from 'hooks/useSourceParams';\nimport img from 'img/blog/covers/sessionRecordings.png';\n\nimport img1 from 'img/blog/lsAppDashboard.png';\nimport img2 from 'img/blog/lsAppFilters.png';\nimport img3 from 'img/marketplace/covers/defaultCoverIntegrations.png';\n\nconst Content = () => {\n  const bannerLink = useSourceParams('banner');\n  const bannerCenter = useSourceParams('banner-center');\n  const btn = useSourceParams('button-end');\n  return (\n    <Post>\n      <p>Looking for SaaS optimization solutions that actually bring results?</p>\n      <p>\n        <strong>Session recording tools</strong> bring a lot to the table. They provide an excellent\n        opportunity to:\n      </p>\n      <ul>\n        <li>\n          <strong>Add more context to the user journey </strong>– Session replays allow you to watch\n          how visitors interacted with the landing page and what caused them to move forward in the\n          sales funnel. You can also use session recordings to find potential onboarding issues.\n        </li>\n\n        <li>\n          <strong>See how the users interact with your web application</strong> – You can track\n          every scroll, every mouse movement, and every click, just like you’re sitting next to each\n          other.\n        </li>\n\n        <li>\n          <strong>Find bugs and usability issues </strong>– Many of these are detected\n          automatically. We’re going to describe that below in more detail!\n        </li>\n      </ul>\n      <p>\n        We know that session replays may seem overwhelming at first. You’ve got plenty of{' '}\n        <a href=\"/blog/guide-to-qualitative-ux-research/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          qualitative data\n        </a>{' '}\n        to process. If you were to watch all the recordings, one after the other, you’d probably\n        need some extra hours in the day.\n      </p>\n      <p>Luckily, analyzing session recordings can be more effective than that!</p>\n      <p>\n        In this article, we’re going to show you how to use session recordings to grow your SaaS\n        business. We’ll go through some of the tools, tips, and tricks you’re sure to find useful.\n        Last but not least, we’re also featuring a real-life <strong>SaaS success story!</strong>\n      </p>\n      <p>Ready to get the most out of your SaaS with the help of session replays? Let’s dive in!</p>\n\n      <a className=\"action-banner\" href={bannerLink.link} target=\"_blank\" rel=\"noopener noreferrer\">\n        Try a new session recording tool and see what&apos;s in it for your Saas! Test LiveSession\n        for free.\n      </a>\n\n      <ul>\n        <li>\n          <a href=\"#find-bugs-quicker\">Find bugs quicker</a>\n          <ul>\n            <li>\n              <a href=\"#qualitative-insights\">Qualitative insights</a>\n            </li>\n            <li>\n              <a href=\"#automatic-detection-rage-clicks-and-error-clicks\">\n                Automatic detection – rage clicks and error clicks\n              </a>\n            </li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"#use-filters-and-custom-segments\">Use filters and custom segments</a>\n          <ul>\n            <li>\n              <a href=\"#filters\">Filters</a>\n            </li>\n            <li>\n              <a href=\"#custom-segments-for-saas-analytics\">Custom segments for SaaS analytics</a>\n            </li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"#integrate-with-other-saas-tools\">Integrate with other SaaS tools</a>\n        </li>\n        <li>\n          <a href=\"#saas-and-session-recordings-success-story-rocketlink\">\n            SaaS and session recordings success story: RocketLink\n          </a>\n        </li>\n      </ul>\n\n      <h2 id=\"find-bugs-quicker\">Find bugs quicker</h2>\n\n      <p>\n        We’ve already mentioned this advantage in the introduction. There’s a couple of different\n        ways session replays can help you find bugs on your website and in your SaaS product:\n      </p>\n      <h3 id=\"qualitative-insights\">Qualitative insights</h3>\n\n      <p>\n        As soon as you start watching session recordings, you’ll soon realize they’re a goldmine of\n        information. Even when we watch recordings of our website, we’re often surprised by user\n        behavior we couldn’t predict.\n      </p>\n      <p>\n        Session replays can help you find the mismatch between your{' '}\n        <a\n          href=\"https://www.webdesignerdepot.com/2020/06/how-to-benefit-from-mental-models-in-ux-design/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          mental models\n        </a>{' '}\n        and the mental models of your users. You and the users might have very different ideas about\n        how things work. For example, we often find out that visitors consider some features to be\n        clickable while they’re not.\n      </p>\n      <h3 id=\"automatic-detection-rage-clicks-and-error-clicks\">\n        Automatic detection – rage clicks and error clicks\n      </h3>\n      <img src={img1} alt=\"LiveSession App\" title=\"Dashboard\" />\n      <p>\n        Aside from observations only, LiveSession detects two types of potential issues\n        automatically. They’re called{' '}\n        <a href=\"/blog/error-rage-clicks/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          rage clicks and error clicks\n        </a>\n        :\n      </p>\n      <ul>\n        <li>\n          <strong>Rage clicks</strong> are registered when the user clicks on something repeatedly\n          and very fast. This is an indicator that they got frustrated with a feature that’s not\n          working properly.\n        </li>\n\n        <li>\n          <strong>Error clicks</strong>, on the other hand, apply to technical issues, specifically\n          JavaScript errors. The user might not realize that something is wrong in the app, yet this\n          kind of error suggests that there’s probably something to look into.\n        </li>\n      </ul>\n      <p>\n        Thanks to dedicated <strong>filters</strong>, these errors are really easy to browse. See\n        how it works:\n      </p>\n      <h2>Use session recording filters and custom segments</h2>\n\n      <p>\n        You can apply a wide variety of <strong>session recording filters </strong>to narrow down\n        your search results and find the most interesting session recordings faster.\n      </p>\n      <p>\n        Different combinations of filters can be saved as <strong>custom segments</strong> to\n        analyze later. You can also share these segments with your teammates and discuss your\n        findings with them.\n      </p>\n      <h3 id=\"filters\">Filters</h3>\n\n      <img src={img2} alt=\"Filters\" title=\"LiveSesssion filters list\" />\n\n      <p>\n        LiveSession offers an extensive choice of session recording filters. You can filter\n        recordings based on location, duration, system properties, and much, much more! If you’d\n        like to dig deeper, we recommend our{' '}\n        <a\n          href=\"/blog/how-to-use-filters-in-user-research/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          article about user segmentation\n        </a>\n        .\n      </p>\n      <p>\n        In this post, we’re going to focus on the ones that can be particularly useful for SaaS\n        businesses:\n      </p>\n      <ul>\n        <li>\n          <strong>Pages count </strong>– You can choose to see recordings where the users have\n          visited more than just one page. This will give you more insights into the user journey.\n        </li>\n\n        <li>\n          <strong>First session </strong>– It’s a great way to analyze the behavior of users who are\n          visiting your website for the first time.{' '}\n        </li>\n\n        <li>\n          <strong>Start URL, Exit URL, Visited URL </strong>– This group of filters will help you\n          analyze sessions where users have interacted with a specific page and see how it affected\n          their experience.\n        </li>\n\n        <li>\n          <strong>Referrer, UTM tag</strong> – With these filters, you can get in-depth insights on\n          the results of your campaigns. Use them to see how the interactions vary depending on\n          where the users came from, e.g. social media shares or paid campaigns.\n        </li>\n\n        <li>\n          <strong>Device, mobile type, browser, OS, screen size </strong>– These filters will help\n          you analyze how the experience varies depending on the technical variables. Some pages or\n          features may work well on the desktop yet leave a lot to be desired on mobile.\n        </li>\n\n        <li>\n          <strong>Name, email, custom property</strong> – Last but not least, you can add custom\n          data to identify the users. These features allow you to match the recording with the\n          user’s name, email, or other types of data. One of the most common custom properties is\n          the <strong>pricing plan</strong>. This filter is also used for integrations with other\n          SaaS apps.\n        </li>\n      </ul>\n\n      <a\n        className=\"action-banner\"\n        href={bannerCenter.link}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        Test the filters yourself! Try LiveSession for free, no credit card required.\n      </a>\n\n      <p>\n        Now that you know the most important filters, it’s time to move on to the next step:\n        combining these into <strong>custom segments</strong>.\n      </p>\n      <h3 id=\"custom-segments-for-saas-analytics\">Custom segments for SaaS analytics</h3>\n\n      <p>\n        Need inspiration for your SaaS optimization strategy? Here are some of the custom segments\n        we’re using ourselves:\n      </p>\n      <ul>\n        <li>\n          <strong>Segments for PPC campaigns</strong> – Analyze the user journeys and the behavior\n          of visitors who came from Facebook, Google Ads, or other PPC marketing campaigns.\n        </li>\n\n        <li>\n          <strong>User who visited page X – </strong>e.g., users who visited the Pricing, or the\n          Features page. These key sections are usually the biggest SaaS conversion rate\n          optimization challenges. You can see how they interacted with this information, how they\n          got to this page and what were their next steps.\n        </li>\n\n        <li>\n          <strong>A/B test segments </strong>– It’s a fast and easy way to gain more qualitative\n          insight into your A/B tests! We enjoy this strategy so much we’ve created our own guide to\n          A/B testing with session recordings. Check it out if you’d like to learn even more about\n          growing SaaS businesses!\n        </li>\n\n        <li>\n          <strong>Feature-focused segments</strong> – When you introduce a new feature, you can set\n          up a dedicated segment for it. It’s an easy way to actually see how people interact with\n          it! You can see even the slightest moments of doubt.\n        </li>\n      </ul>\n      <p>\n        Now that we’ve mentioned A/B testing, it’s high time we moved on to the next step:\n        LiveSession <strong>integrations</strong>.\n      </p>\n      <h2 id=\"integrate-with-other-saas-tools\">Integrate with other SaaS tools</h2>\n      <img\n        src={img3}\n        alt=\"Connect your favorite tools to LiveSession\"\n        title=\"Integrate tools with LiveSession\"\n      />\n      <p>\n        LiveSession offers a wide array of integrations with other SaaS tools. You can browse all of\n        them in our{' '}\n        <a href=\"/integrations/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          integrations marketplace\n        </a>{' '}\n        – and we’re constantly adding new ones, too!\n      </p>\n      <p>Here are some of the highlights when it comes to SaaS optimization and growth:</p>\n      <ul>\n        <li>\n          <strong>Google Optimize </strong>– You can easily set up an A/B test with the Google\n          Optimize tool and analyze session recordings for different variants. Test variants appear\n          as custom filters in LiveSession.\n        </li>\n\n        <li>\n          <strong>Google Analytics, Heap, Segment, and Mixpanel</strong> – LiveSession recordings\n          can appear as events in Google Analytics, Heap, Mixpanel and Segment. This way, you can\n          analyze different kinds of data in one place.\n        </li>\n\n        <li>\n          <strong>Sentry, Bugsnag, and Errorception </strong>– To top it all off, you can integrate\n          LiveSession with the most popular bug tracking tools. This makes the workflow of your\n          software developers much smoother! This way, it’s much easier to research the bug and find\n          an optimal solution.{' '}\n        </li>\n\n        <li>\n          <strong>Intercom, LiveChat, and other customer support tools </strong>– As you’re already\n          aware, satisfying customer support is crucial for retention and, ultimately, growth. Your\n          customer support agents can access LiveSession recordings straight from the conversation\n          in LiveChat or Intercom. This way, they can provide relevant help faster.\n        </li>\n      </ul>\n      <h2 id=\"saas-and-session-recordings-success-story-rocketlink\">\n        SaaS and session recordings success story: RocketLink\n      </h2>\n\n      <p>\n        Working with session recordings can result in visible, quantifiable growth. You don’t have\n        to take our word for it – have a look at these numbers and results from RocketLink:\n      </p>\n      <ul>\n        <li>\n          Among other things, fixing discount code issues with LiveSession helped the company\n          achieve a <strong>110% increase in signups. </strong>Session recordings helped RocketLink\n          find issues they wouldn’t spot otherwise.{' '}\n        </li>\n\n        <li>\n          <strong>Reduced churn</strong> thanks to improved onboarding and discovered issues. These\n          included users pasting an invalid format of the pixel ID and other bugs that couldn’t be\n          reproduced otherwise. What’s more, they wouldn’t even discover many of the issues if not\n          for LiveSession.{' '}\n        </li>\n\n        <li>\n          Last but not least, RocketLink claims they’ve reached{' '}\n          <strong>40% more paid subscriptions </strong>thanks to improvements they’ve implemented\n          with LiveSession.\n        </li>\n      </ul>\n      <p>\n        Sounds promising? Read more in our{' '}\n        <a href=\"/customers/rocketlink/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          RocketLink case study\n        </a>{' '}\n        and see how a SaaS company can succeed with the help of the right session recording tool.\n      </p>\n      <p>\n        We hope this article has been a source of inspiration for you! Now that you know how to grow\n        your SaaS business with session recordings, why not try them yourself?\n      </p>\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href={btn.link} className=\"action-btn\">\n        Sign up free\n      </a>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'How to use Session Recordings to Grow Your SaaS',\n  url: '/blog/how-to-use-session-recordings-to-grow-your-saas/',\n  description: `Looking for an effective optimization platform for your SaaS? Read our guide to session recordings. `,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-07-29',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/substring_filters-89a36d33ad75a9e14f9ea11ac18b40ff.png\";","module.exports = __webpack_public_path__ + \"static/dashboard_technology-0fe0869d32528c4419753161ad37b613.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/tips-for-pm.png';\n\nimport img1 from 'img/blog/img1.jpg';\nimport img2 from 'img/blog/img12.jpg';\nimport img3 from 'img/blog/img13.jpg';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        So you landed a new job as a product manager? Congratulations! No matter if it’s your first\n        time in a role, or you just moved to work on another product, you probably already know that\n        the coming days are going to be exciting and rather hectic.\n      </p>\n      <p>\n        A survey conducted by the{' '}\n        <a\n          href=\"https://pm.280group.com/challenges-in-product-management-survey-results/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          280 group\n        </a>{' '}\n        suggests that almost half of all the companies do not have a consistent product management\n        process. It is more than likely that as a new product manager you’re facing a challenge of\n        getting it right and building all the processes almost from scratch.\n      </p>\n      <p>\n        How does one get started as a new product manager then? Well, is there a better way to learn\n        than to ask some professionals with experience in the field?\n      </p>\n      <p>\n        We’ve asked a couple of product managers to share their{' '}\n        <a\n          href=\"https://productschool.com/blog/product-management-2/5-things-you-wish-you-knew-before-starting-in-product/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          best tips for new product\n        </a>{' '}\n        managers. The results have exceeded our expectations. We’ve got a goldmine of information in\n        return, backed by years of hands-on experience in the IT field.\n      </p>\n\n      <p>Ready to read advice from real product managers? Let’s dive in!</p>\n      <h2 id=\"plan-with-a-longer-time-frame-in-mind\">Plan with a longer time frame in mind</h2>\n      <blockquote>\n        <p>\n          <em>\n            Define your work for the coming months using a well-known but customized framework, such\n            as the OKRs system. When in doubt and losing focus, a good and prioritized plan (based\n            on your OKRs) will help you focus on the most meaningful and important projects.\n          </em>\n        </p>\n        <p>\n          <strong>\n            Agnieszka Rutkiewicz, Product Manager at{' '}\n            <a href=\"https://www.tagvenue.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n              Tagvenue\n            </a>\n          </strong>\n        </p>\n      </blockquote>\n      <p>\n        <img src={img1} alt=\"bgphoto\" title=\"Planning\" />\n      </p>\n      <p>\n        When you start working in a new environment, be careful not to spread too thin. After you\n        research the product, you might want to seize all the opportunities at first.\n      </p>\n      <p>\n        And here’s where you should stop, take a deep breath and think again. You’re going to spot\n        plenty of interesting things, but you’ll never be able to do them all at once. Also, Rome\n        wasn’t built in a day – and so won’t be your product.\n      </p>\n      <p>\n        This is why <strong>prioritization</strong> should be your priority.\n      </p>\n      <p>\n        We know it doesn’t always come easy. With clients requesting new features all the time,\n        choosing the most important ones is harder than it seems. Experienced product managers are\n        well aware of that. Another product manager we talked to, Mateusz Miodek, pointed out that\n        it’s better not to take feature suggestions too literally. Of course, listening to\n        customers’ needs and their feedback should be one of the main pillars of your work, but it\n        doesn’t mean that you’ve got to be at their beck and call.\n      </p>\n      <p>\n        In order to succeed, you need to make every{' '}\n        <a\n          href=\"https://www.atlassian.com/agile/project-management/user-stories\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          user story\n        </a>{' '}\n        a part of a larger product development strategy. Apart from incoming requests, you also have\n        a product roadmap to stick to. Unless the issue is burning, it works much better if you\n        incorporate new projects into your strategy rather than jump into them right away.\n      </p>\n      <p>\n        So, how do you make it work? As Agnieszka Rutkiewicz, the product manager of{' '}\n        <a href=\"https://www.tagvenue.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Tagvenue\n        </a>\n        , pointed out, you can stick to one of the widely used frameworks, such as{' '}\n        <a\n          href=\"https://www.whatmatters.com/faqs/okr-meaning-definition-example\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          OKRs\n        </a>\n        . If you’re not yet familiar with the term, it stands for Objectives and Key Results. These\n        can be set for the whole product, for a particular team, and for individual employees as\n        well.\n      </p>\n      <h2 id=\"know-when-to-say-no\">Know when to say no</h2>\n      <blockquote>\n        <p>\n          <em>\n            As a new product manager, you are bound to get overwhelmed easily. Don&#39;t let it pull\n            you down. Focus on doing one thing right rather than doing multiple things poorly.\n          </em>\n        </p>\n        <p>\n          <strong>\n            Tushar Jain, Founder and Product Manager at{' '}\n            <a href=\"https://onpagechamp.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n              OnPage Champ\n            </a>\n          </strong>\n        </p>\n        <p>\n          <em>\n            One of the tips that you’re going to find in every book and in every podcast on product\n            management is <strong>to be assertive</strong>. You’re just one person and you can’t do\n            the job of other professionals, as well as you can’t fulfil every wish of every client.\n          </em>\n        </p>\n        <p>\n          <strong>\n            Aleksandra Klusinska, Technical Product Manager at{' '}\n            <a href=\"https://mapp.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n              Mapp Digital\n            </a>\n          </strong>\n        </p>\n      </blockquote>\n      <p>\n        <img src={img2} alt=\"plan\" title=\"meet\" />\n      </p>\n      <p>\n        Here it comes: the feeling of responsibility. As a product manager, you should be getting\n        things done, right?\n      </p>\n      <p>\n        Yes and no. You’re supposed to make sure that everything is on track and you’re the one\n        responsible for the outcome, but it doesn’t mean that you need to do every single thing.\n      </p>\n      <p>\n        One of the most important qualities of a good product manager is the ability to delegate\n        tasks. Not only is it going to make the process more effective, but also your team mates\n        will feel that you trust them to get the job done.\n      </p>\n      <h2 id=\"start-from-the-small-things\">Start from the small things</h2>\n      <blockquote>\n        <p>\n          <em>\n            It&#39;s best to start your journey by identifying the quick wins from your priority\n            list and focusing your initial effort on them. That builds both your confidence and\n            understanding of the product.\n          </em>\n        </p>\n        <p>\n          <strong>Tushar Jain, Founder and Product Manager at OnPage Champ</strong>\n        </p>\n        <p>\n          <em>\n            Always build the smallest thing that will allow you to test the hypothesis. You can use\n            proven and tested methods, such as the Wizard of Oz prototype or fake door product\n            testing.\n          </em>\n        </p>\n        <p>\n          <strong>\n            Mateusz Miodek, Product Manager at{' '}\n            <a\n              href=\"https://www.datafeedwatch.com/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer nofollow\"\n            >\n              DataFeedWatch\n            </a>\n          </strong>\n        </p>\n      </blockquote>\n      <p>\n        Prioritizing and planning to achieve bigger goals doesn’t mean you should skip the\n        low-hanging fruit entirely. <strong>Quick wins</strong> will help you see what works and\n        which directions are worth pursuing. They also have a psychological effect: when your team\n        sees that what they do actually works, they will instantly become more motivated.\n      </p>\n      <p>\n        The small steps principle applies to testing as well. When you’ve got a hypothesis in mind,\n        you don’t need a fully developed product to test it, cause let’s be honest, who’s got\n        resources for that? Sticking to{' '}\n        <a\n          href=\"https://www.interaction-design.org/literature/article/a-simple-introduction-to-lean-ux\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          lean\n        </a>{' '}\n        and{' '}\n        <a\n          href=\"https://www.agilealliance.org/agile101/12-principles-behind-the-agile-manifesto/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          agile\n        </a>{' '}\n        principles instead is a more efficient way.\n      </p>\n      <p>\n        This approach will help you save so much time, energy and, eventually, money. When you test\n        your ideas in a very early phase, you can decide if they’re worth pursuing at all. As\n        Mateusz of DataFeedWatch mentioned in his quote, there are many methods that will help you\n        implement this kind of testing in your day-to-day work.\n      </p>\n      <p>\n        You don’t even need your customers to start – and even more, you don’t even need a computer!\n        For instance, the <strong>WOZ (Wizard of Oz)</strong> methodology involves creating a lo-fi\n        prototype, which can even be drawn on paper. Then, the product team members use{' '}\n        <strong>role playing</strong> to see how the users would interact with the product. Of\n        course, it isn’t perfect, but it’s more than enough to discover main issues at a very early\n        stage.\n      </p>\n      <figure>\n        <img src={img3} alt=\"plan\" title=\"planning\" />\n        <figcaption>It really doesn’t take much to conduct a basic Wizard of Oz test</figcaption>\n      </figure>\n\n      <p>\n        Another interesting approach is the <strong>fake door test</strong>. It’s a simple idea –\n        you just need to enable users to choose an option that doesn’t exist yet. If you see that\n        they click on it, it probably means that they would use if it was available.\n      </p>\n      <h2 id=\"get-to-know-your-customers\">Get to know your customers</h2>\n      <blockquote>\n        <p>\n          <em>\n            If you’re not sure about something, don’t hesitate to talk to other product managers or{' '}\n            <strong>customer-facing teams</strong>.\n          </em>\n        </p>\n        <p>\n          <strong>\n            Aleksandra Klusinska, Technical Product Manager at{' '}\n            <a href=\"https://mapp.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n              Mapp Digital\n            </a>\n          </strong>\n        </p>\n        <p>\n          <em>\n            We have discovered that <strong>talking to our users</strong> and validating our ideas\n            at an early stage of a project helped us improve the final result. Instead of designing\n            a full solution, get your customers on a call and ask them for feedback using a\n            low-fidelity prototype.\n          </em>\n        </p>\n        <p>\n          <strong>Agnieszka Rutkiewicz, Product Manager at Tagvenue</strong>\n        </p>\n      </blockquote>\n      <p>\n        It may seem obvious, but we really can’t stress this enough. Skip the guesswork and focus on\n        your customers instead.\n      </p>\n      <p>\n        You can start from watching{' '}\n        <a href=\"/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          session recordings\n        </a>\n        . This alone will help you see how users interact with your product, but there is much more\n        you can do. If you’re lacking insight and you need it right away, try talking to your{' '}\n        <strong>sales or customer service teams</strong>. They know exactly who’s using your product\n        and they have tons of knowledge on the users’ habits and behavior.\n      </p>\n      <p>\n        Above all, you should do your best to interact with your users directly. There are many\n        tools to make that happen, from short surveys to face-to-face user tests, where you can see\n        exactly how people use your product in real-time.\n      </p>\n      <h2 id=\"develop-a-relationship-with-software-developers\">\n        Develop a relationship with software developers\n      </h2>\n      <blockquote>\n        <p>\n          <em>\n            The product team usually consists of UX professionals, a product manager and a couple of\n            engineers. Make your team work together to solve the real customers’ issues. Although UX\n            and product people focus on the &#39;discovery&#39; stage of the product, and the\n            engineers mostly care about the &#39;delivery&#39; stage, the two groups should work as\n            close as possible from the very beginning.\n          </em>\n        </p>\n        <p>\n          <strong>Agnieszka Rutkiewicz, Product Manager at Tagvenue</strong>\n        </p>\n        <p>\n          <em>\n            Always treat your developers like partners, not contractors. Be sure to involve them in\n            the prototyping phase.\n          </em>\n        </p>\n        <p>\n          <strong>Mateusz Miodek, Product Manager at DataFeedWatch</strong>\n        </p>\n      </blockquote>\n      <p>\n        Last but not least, don’t forget about your team. You’re working with talented people, and\n        you’re working together. Delegating tasks is essential for optimal performance, but it is\n        also essential to keep everyone in the loop.\n      </p>\n      <p>\n        What does it mean for your product team? Don’t treat your engineers as a separate entity.\n        You should be aware of each other’s potential and limitations from the very beginning.\n        Sometimes both parties are not even sure what the other team is doing. Closer collaboration\n        is sure to prove beneficial for both developers and product people.\n      </p>\n      <h2 id=\"key-takeaways-for-new-product-managers\">Key takeaways for new product managers</h2>\n      <p>\n        If we had to come up with a single piece of advice for new product managers, it would be to{' '}\n        <strong>stay curious</strong>. The world of digital products is developing fast, with new\n        technologies, methodologies and opportunities emerging all the time. The key is to never\n        stop learning and read insights from other, more experienced product managers. We hope this\n        article has been a source of inspiration for you!\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Tips for new product managers (with expert quotes)',\n  url: '/blog/tips-for-new-product-managers-with-expert-quotes/',\n  description: `Just started a new job as a product manager? Read these tips from top experts\n  in the product management field and learn how to succeed!`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-12-19',\n  category: '',\n  group: 'Research',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","var arrayPush = require('./_arrayPush'),\n    isFlattenable = require('./_isFlattenable');\n\n/**\n * The base implementation of `_.flatten` with support for restricting flattening.\n *\n * @private\n * @param {Array} array The array to flatten.\n * @param {number} depth The maximum recursion depth.\n * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n * @param {Array} [result=[]] The initial result value.\n * @returns {Array} Returns the new flattened array.\n */\nfunction baseFlatten(array, depth, predicate, isStrict, result) {\n  var index = -1,\n      length = array.length;\n\n  predicate || (predicate = isFlattenable);\n  result || (result = []);\n\n  while (++index < length) {\n    var value = array[index];\n    if (depth > 0 && predicate(value)) {\n      if (depth > 1) {\n        // Recursively flatten arrays (susceptible to call stack limits).\n        baseFlatten(value, depth - 1, predicate, isStrict, result);\n      } else {\n        arrayPush(result, value);\n      }\n    } else if (!isStrict) {\n      result[result.length] = value;\n    }\n  }\n  return result;\n}\n\nmodule.exports = baseFlatten;\n","module.exports = __webpack_public_path__ + \"static/new_player-4bad987d3ac07f8a39f6c1dd4d1b5c09.png\";","module.exports = __webpack_public_path__ + \"static/webapp-f1ec9f62a378d750a7c2f6c53e5d1d2e.mp4\";","module.exports = __webpack_public_path__ + \"static/share-session-cover-c2d0389f9f5b3f332c49ee98ffd8dd39.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorSzymon as author } from 'data/authors';\n\nimport img from 'img/blog/updates/tags.png';\nimport video1 from 'video/updates/tags_1.webm';\nimport video2 from 'video/updates/tags_2.webm';\nimport styled from 'styled-components';\nimport VideoModal from 'components/ui/video-modal';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <h3>How to tag your session recordings?</h3>\n      <ul>\n        <li>Enter a session</li>\n        <li>On the right side, you will find the „Add tag” button, click on it. </li>\n        <li>Then name your tag and confirm it by pressing „Enter”.</li>\n      </ul>\n\n      <p className=\"mt-5 mb-5\">\n        <VideoModal src={{ webm: video1 }} />\n      </p>\n\n      <h3>How to search for a session tagged?</h3>\n      <ul>\n        <li>Go to the list of session recordings</li>\n        <li>Click on the button „Add filters”</li>\n        <li>Press the „+” icon</li>\n        <li>From the filters, select „Tags”</li>\n        <li>Enter the name of a tag you want to find</li>\n        <li>And press „Apply filters”</li>\n      </ul>\n\n      <p className=\"mt-5 mb-5\">\n        <VideoModal src={{ webm: video2 }} />\n      </p>\n\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Tag sessions to find them easily',\n  url: '/blog/tag-session-to-find-them-easily/',\n  description:\n    'Now you can mark the recordings with the appropriate tag so that you can quickly return to them later using the filters on the list of records.',\n  author,\n  img,\n  date: '2019-07-15',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n    img={frontmatter.img}\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\nimport Link from 'components/ui/link';\n\nimport cover from 'img/blog/customer-service.jpg';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        The number of ideas and possibilities to boost e-commerce sales might be overwhelming.\n        Sometimes it’s hard to choose the best solution to stand out because you never know if your\n        strategy will work. There are many factors that should be taken into consideration, but\n        customer service is one that everyone should never forget about.\n      </p>\n      <br />\n      <h3>Look at the numbers</h3>\n      <p>\n        More than half of consumers claim they have higher expectations for customer service than\n        they had last year – Microsoft data says (The Microsoft 2017 State of Global Customer\n        Service). The survey shows that 96% of respondents see customer service as something that\n        has an impact on their choices. 76% of respondents wish they could see their full history of\n        shopping, data, and the level of overall satisfaction. What is the conclusion so far?\n        Customer service is highly important these days. A brand should realise that fact as soon as\n        possible.\n      </p>\n      <br />\n\n      <h3>What’s most important?</h3>\n      <p>\n        It may seem that customer service is the main goal now, not only for the e-commerce market.\n        However, there are some challenges that need to be faced while mastering your CS like a lack\n        of physical interaction with clients and difficulty in building relations. What really\n        matters is the offer, assortment, the team, the decor, and the atmosphere in the place. Take\n        care of your customer experience, user interface, and content – they are your key to\n        success. Everyone has the greatest offer, but only a few provide excellent customer service\n        that stands out and stays in the customers’ minds for a long time. If you want to build\n        trust, you need to remember that it won’t happen in a heartbeat! Customer service can make\n        your satisfied clients come back to your shop. But if your client service doesn’t work, they\n        will never come back. What’s more, they won’t leave you any feedback and spread the word\n        about it to their family and friends. Sounds tough, doesn’t it? Recommendations and social\n        proof are crucial when it comes to boosting sales in e-commerce. Again, it takes time to get\n        satisfying feedback, but it’s worth it. Try with personalised messages to make it happen\n        much faster. Discounts offered in return for a recommendation might work, too!\n      </p>\n      <br />\n\n      <h3>Customer service is what you keep in mind for years </h3>\n      <p>\n        While a few years ago buying something online was caused only by seeing products offline\n        with a higher price, the game has changed now. These days, online shopping is more like a\n        solution to many problems people face every day. It’s simple – you get inspired scrolling\n        social media, or you see something on a website you’re on, then you buy it a few seconds\n        after that. It’s called a „shopping impulse”. Time is not the only aspect that has changed\n        lately. So has free delivery or return. It was something new, and it had a „wow” factor a\n        few years ago. Now it’s just another service we take for granted. If it’s not available,\n        people will likely give up and close a tab with your shop. Right moves, quick responses, and\n        flexible availability are what you should focus on if you want to take your customer service\n        on the next level. One mistake and other shop’s customer service will satisfy your\n        ex-potential client.\n      </p>\n      <br />\n\n      <h3>Six steps to the best possible customer experience</h3>\n      <p>How to make it better?</p>\n\n      <h3>Check the list down below and improve your efforts: </h3>\n      <ul>\n        <li>\n          Make sure you offer a variety of shopping and payment methods. Remember that your\n          competitors do offer them and if you don’t… It may end up with losing customers.\n        </li>\n        <li>\n          Shop security is a must. Do you provide an SSL certificate? You should. Otherwise, people\n          won’t decide to trust you.\n        </li>\n        <li>\n          How about the website loading time? Check if there are any plugins that can improve it.\n        </li>\n        <li>\n          Can a customer find a help center or a web chat on your website? Try to do your best when\n          it comes to customer service.\n        </li>\n        <li>Do not forget about implementing up-selling and cross-selling methods.</li>\n        <li>\n          Communicate delivery and return policies in a transparent way. Make sure your potential\n          customers know about various methods of delivery.\n        </li>\n        <li>\n          Once a support request comes through, send an immediate reply so the customer knows you’ve\n          taken note of their problem. You can also use a{' '}\n          <a\n            href=\"https://www.mailmunch.com/blog/free-autoresponders/\"\n            rel=\"noopener noreferrer nofollow\"\n            target=\"_blank\"\n          >\n            free autoresponder tool\n          </a>{' '}\n          to automate replies so every customer receives a timely update.\n        </li>\n      </ul>\n      <br />\n      <h3>Tips & tools</h3>\n      <p>\n        You may have the best customer service crew, but it’s more than likely that you’ll face some\n        challenges when working with people – your clients. The most crucial thing for you is to\n        know how to deal with them, and that is why we have some dos and don’ts for you:\n      </p>\n      <br />\n      <h3>Keep calm…</h3>\n      <p>\n        …and make sure your clients are calm as well. To do that you need to have access to a\n        complex database of information about them and their interactions with your business. Not\n        only will you save your time and efforts, but also you’ll make your clients satisfied as\n        they won’t have to repeat themselves again,] and again. It’s truly important, especially\n        when emotions run really high. You may think you can do it on your own, but it’s even better\n        to use some tools that can optimise your efforts.{' '}\n        <Link rel=\"noopener noreferrer nofollow\" target=\"_blank\" href=\"https://cloudtalk.io\">\n          CloudTalk.io\n        </Link>{' '}\n        is one of the best tools for call centers. It provides personalisation what ensures an\n        individual approach. What’s more, CloudTalk supports external e-commerce systems and social\n        platforms, so that you can get a full overview of needed data.\n      </p>\n      <br />\n      <h3>Follow your clients’ steps</h3>\n      <p>\n        Your goal is to make relations with your clients. How could you do that if you wouldn’t be\n        where your customers are? It may costs you a lot of time and effort, but it’s truly\n        important. If someone wants to make a complaint on Instagram, they want to talk to you on\n        Instagram, not Facebook or LinkedIn. Once you want to redirect them between platforms, you\n        may never see them at your shop again. If you’re curious how people act on your website,\n        check out{' '}\n        <Link\n          rel=\"noopener\"\n          target=\"_blank\"\n          href=\"/signup?utm_source=blog&utm_campaign=the-importance-of-customer-service\"\n        >\n          LiveSession\n        </Link>{' '}\n        tool as it analyses customers’ behavior and helps you to understand their digital\n        experience. Have you ever wondered what makes your clients frustrated? Now it’s possible to\n        get to know about it! Big picture insights will show you a summary of specific segments of\n        users.\n      </p>\n      <br />\n      <h3>Be helpful</h3>\n      <p>\n        As we’ve said it before – recommendations are something you could die for in e-commerce.\n        Many salespeople think that it’s too expensive and see no potential in covering their sites\n        in content that actually could help customers find the answers to their questions. To be\n        honest, it’s not that scary, not at all!{' '}\n      </p>\n      <p>\n        <Link rel=\"noopener nofollow\" target=\"_blank\" href=\"https://useresponse.com\">\n          UseResponse\n        </Link>{' '}\n        helps in building a help center, customer feedback platform, and provides a knowledge base\n        for self-service support. Your potential customers will thank you for publishing that native\n        content. However, this kind of tool should never replace customer support completely. It\n        just minimises requests, tickets, and complaints.\n      </p>\n      <br />\n      <h3>Do not forget about internal communication</h3>\n      <p>\n        If you want to maintain and develop a successful customer service team, you need to\n        implement a well-organised internal communication system.That’s why the tools are for!{' '}\n        <Link rel=\"noopener nofollow\" target=\"_blank\" href=\"https://stackfield.com\">\n          Stackfield\n        </Link>{' '}\n        will help you to manage files, exchange messages, and delegate tasks. Think about CRM as\n        it’s not an option, it’s a must. Here comes{' '}\n        <Link rel=\"noopener nofollow\" target=\"_blank\" href=\"https://livespace.io\">\n          Livespace\n        </Link>{' '}\n        – a tool that makes sales management more effective and predicts better forecasts. It helps\n        you measure your results and view statistics of your operations. Their inbuilt sales process\n        increases the probability of winning deals and getting sales. Totally worth trying!\n      </p>\n\n      <h3>Important facts:</h3>\n      <ul>\n        <li>\n          every brand deserves impressive customer service, and it’s not a luxury, it’s a standard,\n        </li>\n        <li>\n          it’s important to take care of clients before and after transactions – it increases the\n          chances of client retention,\n        </li>\n        <li>\n          building relations is not wasting your time, it’s a process that takes time and constant\n          analysis.\n        </li>\n      </ul>\n      <p>\n        In the past, the only thing that mattered was the price. Now it’s all about the emotions. A\n        reasonable price and „buy now” button are not the only things that people need now. How will\n        you know your customer service is good enough? Look at your brand and see undeniable\n        benefits such as higher sales, higher client retention, a high-level of loyalty, and trust,\n        better recognition and many more…\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'The importance of customer service',\n  url: '/blog/the-importance-of-customer-service',\n  description: `Sometimes it’s hard to choose the best solution to\n  stand out because you never know if your strategy will work.`,\n  author,\n  img: cover,\n  date: '2019-06-03',\n  category: 'growth',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial=\"The number of ideas and possibilities to boost e-commerce sales might be overwhelming. Sometimes it’s hard to choose the best solution to stand out because you never know if your strategy will work. There are many factors that should be taken into consideration, but  customer service is one that everyone should never forget about.\"\n    img={frontmatter.img}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/rage-clicks-47660a587be4cd5e670005df69b86db1.png\";","module.exports = __webpack_public_path__ + \"static/install-livesession-c4a28f79bf3901d945bdf4d06715b2ab.png\";","module.exports = __webpack_public_path__ + \"static/toplistphoto-c2ba1894f0556bca80a58067d4c08954.svg\";","module.exports = __webpack_public_path__ + \"static/signup-improve-33b2142ec7aa9f2484c84f353414558c.png\";","module.exports = __webpack_public_path__ + \"static/lsAppFilters-a7865fdd9cda997fab405bd98e72f18d.png\";","module.exports = __webpack_public_path__ + \"static/g2-winter-performer-96515cf9df317a8e8fd9ce4afbc6dbab.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/engagement-score.png';\nimport img1 from 'img/blog/updates/engagement-score-screen.png';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n  }\n  h3 {\n    font-size: 1.1rem;\n    line-height: 1.8rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n  img.img-shadow {\n    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <h3>Save your time by watching the most valuable recordings.</h3>\n\n      <p>\n        Each recording is evaluated according to the level of user involvement in a given session.\n        This way, you can find out which records are worth watching.\n      </p>\n\n      <img\n        src={img1}\n        alt=\"engagement-score\"\n        className=\"img-shadow img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Watch the most valuable recordings\"\n      />\n\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Engagement score for each recording',\n  url: '/blog/engagement-score/',\n  description: 'Save your time by watching the most valuable recordings.',\n  author,\n  img,\n  date: '2019-08-31',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n  />\n);\n","var arrayMap = require('./_arrayMap'),\n    baseGet = require('./_baseGet'),\n    baseIteratee = require('./_baseIteratee'),\n    baseMap = require('./_baseMap'),\n    baseSortBy = require('./_baseSortBy'),\n    baseUnary = require('./_baseUnary'),\n    compareMultiple = require('./_compareMultiple'),\n    identity = require('./identity'),\n    isArray = require('./isArray');\n\n/**\n * The base implementation of `_.orderBy` without param guards.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function[]|Object[]|string[]} iteratees The iteratees to sort by.\n * @param {string[]} orders The sort orders of `iteratees`.\n * @returns {Array} Returns the new sorted array.\n */\nfunction baseOrderBy(collection, iteratees, orders) {\n  if (iteratees.length) {\n    iteratees = arrayMap(iteratees, function(iteratee) {\n      if (isArray(iteratee)) {\n        return function(value) {\n          return baseGet(value, iteratee.length === 1 ? iteratee[0] : iteratee);\n        }\n      }\n      return iteratee;\n    });\n  } else {\n    iteratees = [identity];\n  }\n\n  var index = -1;\n  iteratees = arrayMap(iteratees, baseUnary(baseIteratee));\n\n  var result = baseMap(collection, function(value, key, collection) {\n    var criteria = arrayMap(iteratees, function(iteratee) {\n      return iteratee(value);\n    });\n    return { 'criteria': criteria, 'index': ++index, 'value': value };\n  });\n\n  return baseSortBy(result, function(object, other) {\n    return compareMultiple(object, other, orders);\n  });\n}\n\nmodule.exports = baseOrderBy;\n","module.exports = __webpack_public_path__ + \"static/summary-44fbf5874e30395ded01df9d2212a622.png\";","module.exports = __webpack_public_path__ + \"static/img13-e3acf878035e11772981850ce67120f4.jpg\";","module.exports = __webpack_public_path__ + \"static/frustration-40b478376a00ca96f73b96aa53d6dfdd.png\";","module.exports = __webpack_public_path__ + \"static/rest-api-07b7a38ce0094aa32b5be9f83fcaa474.png\";","module.exports = __webpack_public_path__ + \"static/tips-for-pm-5127a4c0d1741251fb51400926f53736.png\";","module.exports = __webpack_public_path__ + \"static/form-4cc5ed8ae53faac0658c5a3b2e8c74d2.png\";","module.exports = __webpack_public_path__ + \"static/tags-48ced13edbee8c8fdedf8008345b6032.png\";","module.exports = __webpack_public_path__ + \"static/boost_conversions_tactics-f9e4dcd684c1d1206f880a76d12a70ba.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport image from 'img/blog/updates/custom_date.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>You can now specify your custom date range for your sessions search.</p>\n      <p>\n        {' '}\n        We&apos;ve also added two additional date ranges, <strong>Past week</strong> and{' '}\n        <strong>Past month</strong>. Every type of predefined date has information on it right with\n        exact date that will be applied.\n      </p>\n      <ImageModal\n        src={image}\n        alt=\"LiveSession - specify date\"\n        title=\"You can specify custom fate range for your sessions search\"\n      />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'More date filtering options',\n  url: '/blog/more-date-filtering-options',\n  description: 'Use custom date range to search your sessions',\n  author,\n  img: image,\n  date: '2019-02-07',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/increase-conversion-bddf03c3dd79e3c22e31f15fc3fa8ddb.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorMarcel as author } from 'data/authors';\nimport img from 'img/blog/lsreactang.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Install the tracking code with our new package for React and Angular applications. Say hello\n        to{' '}\n        <a\n          href=\"https://www.npmjs.com/package/@livesession/sdk\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          LiveSession SDK\n        </a>\n        !\n      </p>\n      <p>\n        We’ve prepared a package that will help developers work with API and install code faster and\n        more easily on a single page application.\n      </p>\n      <p>\n        <strong>Now you can add a tracking code to your React or Angular app</strong>. We made the\n        installation process simple and intuitive.\n      </p>\n      <p>\n        Interested? You can read our{' '}\n        <a href=\"/help/react-and-angular-integration/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          help article\n        </a>\n        , or the documentation on the{' '}\n        <a\n          href=\"https://developers.livesession.io/javascript-api/platforms/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          LiveSession Developers\n        </a>{' '}\n        page.\n      </p>\n      <p>\n        And there is more: we’ve also released a <strong>Gatsby plugin</strong>! Many of you have\n        asked for this plugin, as this platform is growing rapidly.\n      </p>\n      <p>\n        To install LiveSession on your Gatsby website, read the tutorial on{' '}\n        <a\n          href=\"https://www.gatsbyjs.org/packages/@livesession/gatsby-plugin-livesession/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          the official plugin’s page\n        </a>\n        , or in our{' '}\n        <a href=\"/help/gatsby-integration/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          help center\n        </a>\n        .\n      </p>\n      <p>\n        If you have any ideas for improvement, send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>. Other new integrations are\n        coming soon. Stay tuned!\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'LiveSession SDK is live!',\n  url: '/blog/livesession-sdk/',\n  description: `Learn more about LiveSession SDK and integration with popular frameworks.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-06-04',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/fallingperson-0efaa5be95872029f1eabc7dbcc29270.png\";","module.exports = __webpack_public_path__ + \"static/new_filters-036d66801d3da04dd5e492a22c187e51.png\";","module.exports = __webpack_public_path__ + \"static/intercom_integration-d665565fdcbff733c7178d432506e216.webm\";","module.exports = __webpack_public_path__ + \"static/example-from-our-blog-9e5ca46a347631442f61a81fd54019dd.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\nimport { Post } from 'components/blog/content/styled';\nimport img from 'img/blog/intercomxls.png';\nimport img1 from 'img/blog/intercomimg.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>Great news for Intercom users. We’ve just released a new integration!</p>\n      <p>\n        The integration adds a <strong>LiveSession recording link</strong> to every{' '}\n        <strong>Intercom conversation</strong> with an identified user:\n      </p>\n      <img src={img1} alt=\"intercom integration - chat\" title=\"Intercom conversation\" />\n      <p>\n        Now you can open recordings of a specific user directly from Intercom. You don’t have to\n        search for the right session manually anymore. This improvement will be particularly helpful\n        for your tech support agents.\n      </p>\n      <p>\n        What’s more, the integration allows you to add recording URLs as an attribute or a user’s\n        event in Intercom. If you’re interested in details, you can read more in our{' '}\n        <a href=\"/help/intercom-integration/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          help center\n        </a>\n        .\n      </p>\n      <p>Sounds like just what you needed?</p>\n      <p>\n        <a\n          href=\"/integrations/intercom/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"action-btn\"\n        >\n          Install now\n        </a>\n      </p>\n      <p>\n        As always, we’re happy to help if you have any questions. Please get in touch via live chat\n        in the bottom right corner or send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Intercom integration',\n  url: '/blog/intercom-integration/',\n  description: `We've released a new integration. Now you can connect LiveSession with\n  Intercom`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-04-17',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKamil as author } from 'data/authors';\nimport img from 'img/blog/user-roles.png';\nimport img1 from 'img/blog/userrolesimage.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>We’re happy to announce that we’ve answered one of the most common requests!</p>\n      <p>\n        From now on, you can <strong>assign different user roles</strong> in LiveSession. Your\n        teammates can use the app as:\n      </p>\n      <ul>\n        <li>\n          <strong>User</strong>– Can watch and analyze sessions. Can’t add a new website, or other\n          Users, can’t access Invoices and Plan &amp; Billing. They can only see basic plan info and\n          how many sessions are left on the account.\n        </li>\n        <li>\n          <strong>Admin</strong>– Full access, can edit user roles.\n        </li>\n        <li>\n          <strong>Owner</strong>– Full access, can edit user roles. They can’t be removed from the\n          account.\n        </li>\n      </ul>\n      <p>Here’s how it looks like in the app:</p>\n      <p>\n        <img src={img1} alt=\"Invite your teammate\" title=\"User roles in app\" />\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'User roles',\n  url: '/blog/user-roles/',\n  description: `From now on, you can assign different user roles in LiveSession.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-03-26',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/financesonline-6ca60a963a0205c5e6787f6e8e7abb43.png\";","module.exports = __webpack_public_path__ + \"static/content-7c16c13d3c6025410abb8ee814d5e783.png\";","module.exports = __webpack_public_path__ + \"static/mobile-first-2fa58bf3f6538e60ecdc185b018a3631.png\";","module.exports = __webpack_public_path__ + \"static/cover-hate-c410db05fdb0c9bfc95fb8ce9a4985a5.png\";","module.exports = __webpack_public_path__ + \"static/zendesk-87ec5e1b71fbcd2840b21fea345b6a26.png\";","module.exports = __webpack_public_path__ + \"static/defaultCoverIntegrations-4ba919f937ae0f0a2755467e6df92172.png\";","module.exports = __webpack_public_path__ + \"static/webapp-f6eeed0f08def51ae7c9c0328349872f.webm\";","module.exports = __webpack_public_path__ + \"static/3-brainly-design-system-watch-your-competition-dbaf8ecf740a447fa3c88f5ddf808cfe.png\";","module.exports = __webpack_public_path__ + \"static/frevvo-8576adbdfec7848a5253bffb2bb4b612.png\";","module.exports = __webpack_public_path__ + \"static/notifications1-c0659c8075324e972217ae03da6b993c.png\";","module.exports = __webpack_public_path__ + \"static/livesession-summary-399df3a0a0645a8163843882f2af2483.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/movement_trace.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        From now, you can enable to draw a movement trace during session playback. Just click on\n        &quot;Movement trace&quot; button in controls panel to turn on this feature.\n      </p>\n      <ImageModal\n        src={img}\n        alt=\"LiveSession App - movement\"\n        title=\"Enable to draw a movement trace during session playback\"\n      />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Mouse movement trace',\n  url: '/blog/mouse-movement-trace/',\n  description: \"See user's mouse movement trace\",\n  author,\n  img,\n  date: '2019-05-18',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/key_shortcuts-fab324b85db293aa7785b06051274335.png\";","module.exports = __webpack_public_path__ + \"static/autoplay-ffed887276b1e8e27f295a87a7a4ea93.png\";","module.exports = __webpack_public_path__ + \"static/high-performer-g2-94f24173ba843a750d4e0312c794f802.png\";","module.exports = __webpack_public_path__ + \"static/Recording_rules_1-0e282009ab9d6a5ab1ce3fbcc51c8d8a.webm\";","module.exports = __webpack_public_path__ + \"static/marketing_strategies-ea920914c0e55407286023a4f38433fe.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorPawel as author } from 'data/authors';\nimport img from 'img/blog/clickmap.png';\nimport img1 from 'img/blog/clickmaps1.png';\nimport img2 from 'img/blog/clickmaps2.png';\nimport Banner from 'components/usability-testing/banner';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        This feature has been requested a lot, and it’s finally here! We’ve just released{' '}\n        <strong>click maps</strong>.\n      </p>\n      <p>\n        Click maps show you where the users clicked on your page. They also display{' '}\n        <a href=\"/blog/error-rage-clicks/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          rage clicks and error clicks\n        </a>\n        .{' '}\n      </p>\n      <p>\n        Our click maps are constantly developing, LiveSession allows users to access the BETA\n        version in the app. To gain access to this new feature, go on any session recording, and\n        click the “Clickmap BETA” to request the use of it.\n      </p>\n      <p>LiveSession click maps are:</p>\n      <ul>\n        <li>Dynamic – You can use any filter you like to segmentize the results</li>\n        <li>\n          Fully retroactive – Click maps can be created from data you’ve collected in the past\n        </li>\n        <li>Comprehensive – They use all available data to create a visualization</li>\n      </ul>\n      <p>See what they look like in action:</p>\n      <p>\n        <img src={img1} alt=\"Clickmaps\" title=\"Clickmaps in action!\" />\n      </p>\n      <Banner title=\"Try clickmaps now\" />\n      <p>\n        In the near future, you will be able to display click maps as heatmaps. Sign up for our\n        newsletter to receive updates! Here’s a small preview of what you can expect:\n      </p>\n      <p>\n        <img src={img2} alt=\"Clickmaps as heatmaps\" title=\"Click maps as heatmaps\" />\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Clickmaps',\n  url: '/blog/clickmaps/',\n  description: `Introducing Clickmaps with engagement Heatmaps - an efficient way to learn what your website or app users are doing`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-10-09',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/inspect-mode-feature-news-3fc6458f289724ff4a3bb714204406d2.webm\";","module.exports = __webpack_public_path__ + \"static/filters_redesign_2-5f86619a19acc58172dc7d32ba49660c.png\";","module.exports = __webpack_public_path__ + \"static/stats-09e343328277fa7c465cc0b0719c7bac.png\";","module.exports = __webpack_public_path__ + \"static/custom-events1-3ce0b89d77eab5597f1071811650b557.png\";","module.exports = __webpack_public_path__ + \"static/image3-221be2cffb302d5441efbfc1ae0b46ef.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\nimport styled from 'styled-components';\nimport img from 'img/blog/low-conversation-rate.png';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n  h4 {\n    color: #777;\n    font-weight: 700;\n    font-size: 1rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        Have you noticed a sudden drop in your conversion rate or has it been low to begin with?\n        Fortunately, there are ways to fix it - provided that you identify the cause first. In fact,\n        there are many possible explanations for a low conversion rate - and here are the 5 most\n        common issues that you’re most likely struggling with as well.\n      </p>\n      <p>\n        Before digging into the issues you might be having with your site, it’s worth keeping in\n        mind that “conversion” simply describes the desired action that your website visitor\n        completes. The conversion rate, on the other hand, is the percentage of users who actually\n        take that desired action. Naturally, the goal is to have this rate as high as possible, as\n        it means that your visitors are filling in contact forms, requesting a quote, or making a\n        purchase - just to name a few. This is essentially what keeps your sales team busy, and your\n        business growing.\n      </p>\n      <p>\n        A typical website conversion rate is about 2-3% on average. It might not seem like much, but\n        for many sites out there is more than enough. In fact, the only issue with conversion rates\n        is that they can be affected by a number of factors - including page design, its layout, and\n        content. Not to mention that it can also change a lot, which means there’s no need to beat\n        yourself up if you suddenly notice a lower conversion rate.\n      </p>\n      <p>\n        Instead, it might be helpful to be aware of the common reasons behind low conversion rates,\n        and be prepared to reevaluate certain elements of your website. And that’s precisely why\n        we’re going to cover those reasons, along with potential solutions. Let’s dive in!\n      </p>\n      <h2>5 reasons why your conversion rate is low</h2>\n      <h3>#1 Your site is not optimized for search engines.</h3>\n      <p>\n        Keyword optimisation might sound slightly old school, but it’s still extremely important for\n        any website out there. Basically, well-optimized sites are able to rank higher in search\n        engines, which helps them appear almost immediately when the users are in search of related\n        content, products or services. This indicates that if you’re neglecting SEO, your website\n        won’t show up when potential visitors need it. In turn, low traffic means fewer chances of\n        conversion.\n      </p>\n      <p>\n        What can you do about it? First, check how optimized your website really is, and what\n        keywords you should be ranking for. There are plenty of tools that can help you with that,\n        including{' '}\n        <a href=\"https://senuto.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Senuto\n        </a>{' '}\n        . With such software, you can easily identify any issues you might be dealing with in terms\n        of SEO, and get to the bottom of them to rank higher in Google.\n      </p>\n      <h3>#2 The user experience is not the best.</h3>\n      <p>\n        Let’s assume that visitors arrive at your site, though. Now, if they find your website\n        confusing, or if the content doesn’t match their expectations - your conversion rate will\n        still be quite low. Sadly, website owners often forget that their site is supposed to serve\n        the visitors, and assume that everything is clear for them. In many cases, they couldn’t be\n        more wrong.\n        <a href=\"/blog/improving-customer-experience/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Customer experience\n        </a>{' '}\n        can’t be ignored.\n      </p>\n      <p>\n        If you want to check whether the visitors behave on your site exactly as you think they do,\n        you should definitely take advantage of{' '}\n        <a href=\"https://livesession.io\" target=\"_blank\" rel=\"noopener noreferrer\">\n          LiveSession\n        </a>{' '}\n        and analyse the user session recordings carefully. This can help you optimize your website\n        in terms of UX in the long run.\n      </p>\n      <h3>#3 Your website is not mobile-friendly.</h3>\n      <p>\n        Speaking of optimisation - it’s also worth optimising your website for mobile devices. Since\n        both smartphone and mobile web usage continue to grow, the Internet has now become a truly\n        “mobile-first” experience. Actually, mobile devices already account for more than half of\n        the worldwide web traffic nowadays, while their users represent almost half of the\n        population. Given these numbers, having at least a responsive design of your website should\n        be your priority - otherwise, you might be easily missing out on mobile conversions. Also,\n        don’t forget that many users go through multiple channels before they make a decision, so\n        having well-designed desktop and mobile versions of your site can definitely help them\n        throughout the process. Take{' '}\n        <a\n          href=\"https://search.google.com/test/mobile-friendly\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Google’s Mobile-Friendly Test\n        </a>{' '}\n        to see whether that’s the case.\n      </p>\n      <h3>#4 Your CTAs are not clear (or attractive) enough.</h3>\n      <p>\n        To put it simply: the better the CTA, the higher the conversion rates. Oftentimes, the CTAs\n        are generic and, frankly, quite boring (such as <i>Buy Now</i> or <i>Download for free</i>).\n        In order for it to actually encourage more conversions, your CTA needs to be unique and\n        relevant to the desired action.{' '}\n      </p>\n      <p>\n        At the same time, you can’t ask too much. The more CTAs you use, the fewer the chances that\n        your visitors actually do something about them - especially if you use words such as{' '}\n        <i>Buy</i>, <i>Share</i>, <i>Support</i> or <i>Start</i>, as they indicate that some effort\n        (or money) will be involved in the process. You might want to consider <i>Get</i>,{' '}\n        <i>Discover</i>, <i>Earn</i> or <i>Check out</i> instead, and also use{' '}\n        <a href=\"https://livesession.io\" target=\"_blank\" rel=\"noopener noreferrer\">\n          LiveSession\n        </a>{' '}\n        to see how willing are your visitors to click on such CTAs.{' '}\n      </p>\n      <h3>#5 You’re trying too much. </h3>\n      <p>\n        Yes, you’ve heard that one right. There are plenty of{' '}\n        <a\n          href=\"https://livesession.io/blog/top-6-tools-for-improving-conversion-in-saas/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          online tools you can use to make your site more conversion-friendly\n        </a>\n        , but you have to make sure you use them wisely. Take popups, as an example. You can easily\n        overuse them to the point that you’re ruining your conversion rate instead of improving it.\n      </p>\n      <p>\n        It’s mostly because some popups can be really intrusive, especially if you display them\n        every few seconds and keep your visitors from actually learning something about your\n        website. As a result, they can easily become frustrated and exit your website immediately\n        rather than leaving their e-mail address and staying in touch with you, for instance.\n      </p>\n      <p>\n        How to take advantage of popups - and other solutions that aim to boost conversions like{' '}\n        <a href=\"https://chatbotize.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n          chatbots\n        </a>\n        , for that matter? It might help to identify where your users drop off first, and then\n        tailor all your messages and incentives to the desired user flow. Keep the number of such\n        messages reasonable, though - bombarding your visitors can definitely do more harm than\n        good.\n      </p>\n      <h2>Start improving your conversion rate now</h2>\n      <p>\n        Still not convinced that optimising your site can work wonders for your conversion rate?\n        Well, take into account that{' '}\n        <a\n          href=\"https://econsultancy.com/74-of-businesses-believe-user-experience-is-key-for-improving-sales/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          74% of business owners\n        </a>{' '}\n        saw an increase in sales after improving UX. The key here is to take a closer look at your\n        site and make data-driven decisions, as having enough data evidence is the best way to spot\n        any issues and improve your conversion rate in the long run. Take advantage of what\n        <a href=\"https://livesession.io/features/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          LiveSession\n        </a>{' '}\n        has to offer, and discover the power of qualitative analytics once you’re at it.\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Why my conversion rate is so low? 5 main reasons',\n  url: '/blog/low-conversion-rate',\n  description:\n    'Have you noticed a sudden drop in your conversion rate or has it been low to begin with? Fortunately, there are ways to fix it.',\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-11-07',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Analytics',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"In fact, there are many possible explanations for a low conversion rate - and here are the 5 most common issues that you’re most likely struggling with as well. \"\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/moscow-ea58a0acd42c88579724abdd93e69b32.png\";","module.exports = __webpack_public_path__ + \"static/wp-338337d170b049f883ad803e00a23b7b.png\";","module.exports = __webpack_public_path__ + \"static/kamilemail-3dfd60c28606dceb58d69660bb6233c4.png\";","module.exports = __webpack_public_path__ + \"static/inspect_mode_gif-4544bf82fde4ebef6bdef27f7dda363a.webm\";","module.exports = __webpack_public_path__ + \"static/website_options-68694c843d91da807c6dd45c51a13ab8.png\";","module.exports = __webpack_public_path__ + \"static/uxanddigitalexperience-a26b4a6b272a3c82db75ec17ac619f0c.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport imgNewList from 'img/blog/updates/new_session_list.png';\nimport imgNewPlayer from 'img/blog/updates/new_player.png';\nimport imgPreview from 'img/blog/updates/new_session_list_preview.png';\nimport videoPreview from 'img/livesessionApp/webapp_preview.png';\nimport dashboardTraffic from 'img/blog/updates/dashboard_traffic.png';\nimport dashboardTechnology from 'img/blog/updates/dashboard_technology.png';\n\nimport video from 'video/webapp.webm';\nimport video2 from 'video/webapp.mp4';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        We&apos;ve made a couple of important changes this week. First of all,{' '}\n        <strong>the session list view and player have been split</strong>. From now on, it&apos;s\n        not the same screen. Why did we change this? Because it was hard to extend, there was no\n        place for new features, and it started to be cluttered. You can find a preview of the new\n        session list below:\n      </p>\n\n      <ImageModal\n        imgStyle={{ margin: '2rem 0' }}\n        src={imgNewList}\n        alt=\"LiveSession player\"\n        title=\"New session list\"\n      />\n\n      <p>\n        The new layout has pre-defined segments, so{' '}\n        <strong>you can apply ready-to-go filters with one click</strong>. There&apos;s a normal\n        pagination - infinite scroll was cool, but also very problematic. You can see applied\n        filters, which gives you an overview of the current state. Finally,{' '}\n        <strong>\n          when you click on specific session attribute you search session replays with this specific\n          property\n        </strong>\n        .\n      </p>\n      <p className=\"mt-3 mb-0\">That&apos;s how the new player looks like:</p>\n\n      <ImageModal\n        imgStyle={{ margin: '2rem 0' }}\n        src={imgNewPlayer}\n        alt=\"LiveSession player\"\n        lazy\n        title=\"New LiveSession player\"\n      />\n\n      <p className=\"mb-0\">\n        Next change on the list is the dashboard. You can use it to get insights about your\n        visitors. It consists of two sections right now: trafic sources and technology. The first\n        one lets you referrers, UTM parameters, and countries of your visitors.{' '}\n      </p>\n\n      <ImageModal\n        imgStyle={{ margin: '2rem 0' }}\n        src={dashboardTraffic}\n        alt=\"LiveSession player\"\n        lazy\n        title=\"List in dashboard\"\n      />\n\n      <p className=\"mb-0\">\n        The second one tells you about screen resolutions, top browsers, and top devices used by\n        your visitors.\n      </p>\n\n      <ImageModal\n        imgStyle={{ margin: '2rem 0' }}\n        src={dashboardTechnology}\n        alt=\"LiveSession player\"\n        lazy\n        title=\"List in dashboard - technology\"\n      />\n\n      <p className=\"mb-0\">Check how it works on video: </p>\n\n      <video\n        style={{ margin: '2rem 0' }}\n        poster={videoPreview}\n        width=\"100%\"\n        height=\"100%\"\n        muted\n        controls\n      >\n        <source src={video2} type=\"video/webm\" />\n        <source src={video} type=\"video/mp4\" />\n      </video>\n\n      <p className=\"mt-4\">Thanks for your time! Please leave feedback below. </p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'New session list and player layout',\n  url: '/blog/session-player-layout-update/',\n  description: \"We've changed the layout of the session list and the player\",\n  author,\n  img: imgPreview,\n  date: '2019-11-05',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/1-72ca389189c139f3c634b2db1acf1c69.png\";","module.exports = __webpack_public_path__ + \"static/cover-77d6a8763f9574e7bcb1e974e17a54cc.png\";","module.exports = __webpack_public_path__ + \"static/userrolesimage-eb7d92afc3405f6df9590a34a4983b0a.png\";","module.exports = __webpack_public_path__ + \"static/clicks-a34eed7a0a25987ec5908b6859ea17cb.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorMarcel as author } from 'data/authors';\nimport img from 'img/blog/user-journey/cover.png';\nimport img1 from 'img/blog/user-journey/img1.png';\nimport img2 from 'img/blog/user-journey/img2.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>We’ve just launched a User Journey preview in LiveSession!</p>\n      <p>\n        This feature allows you to discover the most important actions made during the user’s\n        session.\n      </p>\n      <p>\n        To open it, hover on <i>“pages”</i> link and click <i>“See whole journey”</i> :\n      </p>\n      <img src={img1} alt=\"User journey - preview\" title=\"User journey in action\" />\n      <p>\n        Next, you will see the timeline of the user’s page visit and events like Clicks, Errors,\n        Rage Clicks, Form actions, and{' '}\n        <a href=\"/help/how-do-the-custom-events-work/\">Custom Events</a>.\n      </p>\n      <img src={img2} alt=\"User journey - modal\" title=\"User journey with Timeline\" />\n      <p>\n        If you have any other ideas for improvement, we’re happy to hear from you! Feel free to get\n        in touch via live chat or send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'User journey',\n  url: '/blog/user-journey/',\n  description: `Introducing User journey! This feature allows you to discover the most important actions made during the user’s session.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-12-16',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/img1-6633d09a7824b767f9e61994068520bc.png\";","module.exports = __webpack_public_path__ + \"static/aha-moment-812ca09e7e83fbd948b7d861da5f963f.png\";","module.exports = __webpack_public_path__ + \"static/image4-6676613017b4ef4ff3a8cb9101710276.jpg\";","module.exports = __webpack_public_path__ + \"static/unnamed-1--05ffb61e92c179cb70ac11b0c9865e19.png\";","module.exports = __webpack_public_path__ + \"static/blog-d395070cf8378e7a152ca16c72735cce.png\";","module.exports = __webpack_public_path__ + \"static/funnels-7b1a8439f868a4054cc11945d8769414.png\";","module.exports = __webpack_public_path__ + \"static/new_retention_options-59b4b91a157d4386dd95c75515455e71.png\";","module.exports = __webpack_public_path__ + \"static/analysis-30458fcebc26a1884831ed6dfcc7812f.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/trackingcustomerbehavior.png';\n\nimport img1 from 'img/blog/sessiontool.png';\nimport img2 from 'img/blog/fallingperson.png';\nimport img3 from 'img/blog/rocketlinkint.png';\nimport img4 from 'img/blog/b2bcustomers.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>Knowledge is power – but why, exactly?</p>\n      <p>\n        You keep hearing that tracking customer behavior is the key to success, yet barely anyone\n        bothers to explain why is that so.\n      </p>\n      <p>\n        In this article, we’re going to explain why it pays off to explore how customers interact\n        with your product or service. What’s more, we’ve even asked some industry experts to provide\n        their points. Their answers are based on years of experience in digital marketing and\n        related fields, including conversion rate optimization.\n      </p>\n      <p>Ready to read hands-on insights?</p>\n      <p>Here’s how tracking customer behavior can help you grow your business:</p>\n      <ul>\n        <li>\n          <a href=\"#find-out-why\">Find out what and find out why</a>\n        </li>\n        <li>\n          <a href=\"#one-step-ahead\">Stay one step ahead</a>\n        </li>\n        <li>\n          <a href=\"#b2b-customers\">Take care of your B2B customers</a>\n        </li>\n        <li>\n          <a href=\"#key-takeaways\">Key takeaways for tracking customer behavior</a>\n        </li>\n      </ul>\n      <h2 id=\"find-out-why\">Find out what and find out why</h2>\n\n      <blockquote>\n        <p>\n          <em>\n            Some wise person once said: &quot;Look at what people do, not what they say&quot;, and\n            that rings true also (or primarily!) in case of your customers. Tracking the behavior of\n            your website&#39;s visitors or users helps you to better understand their needs, and as\n            a result - create a more personalized experience for them. This is crucial for reducing\n            your churn rates.\n          </em>\n        </p>\n        <p>\n          <em>Luckily, there is an abundance of tools to monitor and analyze this data.</em>\n        </p>\n        <p>\n          <strong>\n            Kas Szatylowicz, Content Manager at{' '}\n            <a\n              href=\"https://digitalolympus.net/\"\n              rel=\"noopener noreferrer nofollow\"\n              target=\"_blank\"\n            >\n              Digital Olympus\n            </a>\n          </strong>\n        </p>\n      </blockquote>\n      <p>\n        There are two main types of analytics that can teach you about customer behavior:{' '}\n        <strong>quantitative</strong> and <strong>qualitative.</strong>\n      </p>\n      <p>\n        Quantitative tools will show youwhatis happening. The most commonly used software,{' '}\n        <a\n          href=\"https://support.google.com/analytics/answer/7126596?hl=en\"\n          rel=\"noopener noreferrer nofollow\"\n          target=\"_blank\"\n        >\n          Google Analytics\n        </a>\n        , is always there to measure what matters. It will tell you all about:\n      </p>\n      <ul>\n        <li>\n          <strong>bounce rates</strong> – the percentage of visitors who visited your website and\n          left immediately\n        </li>\n        <li>\n          <strong>fulfilled goals</strong> – for instance, you can measure how many visitors signed\n          up for your service\n        </li>\n        <li>\n          <strong>events</strong> – how many users take a particular action, such as sending the{' '}\n          <a\n            href=\"/blog/tips-to-improve-sign-up-forms-with-examples/\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n          >\n            sign-up form\n          </a>\n        </li>\n      </ul>\n      <p>\n        In other words, you’ll get a whole lot of numbers. You’ll know exactly how your product is\n        performing, but you’ll still have no idea <em>why</em>.\n      </p>\n      <p>\n        And here’s where qualitative analytics and customer tracking apps, particularly{' '}\n        <strong>\n          <a href=\"/features/\" rel=\"noopener noreferrer\" target=\"_blank\">\n            session recording tools\n          </a>\n        </strong>\n        , step in.\n      </p>\n      <p>\n        <img\n          src={img1}\n          alt=\"Illustration of a session recording tool.\"\n          title=\"See how you can learn more about your users with session replay tools.\"\n        />\n      </p>\n      <p>\n        Session replays can teach you a lot about the reasons behind consumer behavior. Watching\n        them feels a bit like you’re sitting next to your user, yet they act completely naturally.\n        That’s why this method is so powerful – you can track every mouse move, every click and get\n        tons of powerful insights.\n      </p>\n      <p>\n        Combining qualitative and quantitative analytics is known amongst CRO experts as{' '}\n        <strong>user behavior analytics (UBA)</strong>. This method allows you to step into the\n        shoes of your customer and empathize with their needs so you can answer them more\n        accurately. With this knowledge, you’ll also be able to:\n      </p>\n      <ul>\n        <li>\n          find unique opportunities for improvement and implement <strong>growth hacking</strong>{' '}\n          techniques\n        </li>\n        <li>\n          identify <strong>usability issues</strong>\n        </li>\n        <li>\n          understand the target audience, see <strong>what your customers want</strong> and where\n          they’re looking for it\n        </li>\n      </ul>\n      <h2 id=\"one-step-ahead\">Stay one step ahead</h2>\n\n      <blockquote>\n        <p>\n          <em>\n            Tracking customer behavior in SaaS business is critical for customer retention,\n            product-led growth and customer success. Basically, by identifying patterns of user\n            behavior we can really wow the customers with excellent customer support by providing\n            help before they even reach out for it. It’s like you catch them before the fall! This\n            approach can reduce churn quite dramatically. It matters a lot, as increasing customer\n            retention rates by just 5% can increase profits by 25% to 95%.\n          </em>\n        </p>\n        <p>\n          <strong>\n            Emilia Korczynska, Marketing Manager at{' '}\n            <a\n              href=\"https://userpilot.com/blog/customer-retention-management/\"\n              rel=\"noopener noreferrer nofollow\"\n              target=\"_blank\"\n            >\n              Userpilot\n            </a>\n          </strong>\n        </p>\n      </blockquote>\n      <p>\n        <img\n          src={img2}\n          alt=\"Illustration of a falling person. You should catch your users before they fall.\"\n          title=\"Stay one step ahead of your customers.\"\n        />\n      </p>\n      <p>\n        Tracking consumer behavior can help you address certain issues before they even occur. Here\n        are some specific examples so you can see how this might work:\n      </p>\n      <ul>\n        <li>\n          <p>\n            See why your users can’t complete an action– Your customers won’t always tell you that\n            they had an issue with something. Luckily, there’s a clever workaround – session\n            recording tools. One of our customers,{' '}\n            <strong>\n              <a href=\"/customers/rocketlink/\" rel=\"noopener noreferrer\" target=\"_blank\">\n                RocketLink\n              </a>\n            </strong>\n            , has found an unreported problem through session replays:\n          </p>\n          <p>\n            <img\n              src={img3}\n              alt=\"RocketLink&#39;s interface.\"\n              title=\"RocketLink learned more about user behavior with LiveSession.\"\n            />\n          </p>\n          <p>\n            Here’s a little bit of context: RocketLink is a tool that allows you to add a\n            retargeting pixel to shortened links. It turned out that users didn’t know the need to\n            paste the Facebook Pixel, as they were pasting the whole code snippet instead. When\n            RocketLink noticed this issue in a session recording, they added an extra tip to help\n            their customers. It’s a great example of how tracking customer behavior can help you\n            spot problems before your visitors tell you about them. Who knows, maybe they wouldn’t\n            even tell you about the issue at all?\n          </p>\n        </li>\n        <li>\n          <p>\n            <strong>Spot JavaScript errors</strong> – Sometimes, the user may not even realize that\n            something doesn’t work. Qualitative analytics tools, such as LiveSession, allow you to\n            detect JavaScript errors automatically. These errors indicate that a particular element\n            of your website is not performing the way it should.\n          </p>\n        </li>\n        <li>\n          <strong>Find out when the users leave your website</strong> – See what are the most common\n          exit pages for your web app. This might give you a clue where your users typically drop\n          out. After learning that, you can take a closer look at session recordings to find out\n          what might be the reason for leaving. With this knowledge, you’ll be able to boost{' '}\n          <a\n            href=\"https://instasize.com/blog/5-fundamentals-to-boost-your-customer-focus\"\n            rel=\"noopener noreferrer nofollow\"\n            target=\"_blank\"\n          >\n            customer focus\n          </a>\n          .\n        </li>\n      </ul>\n      <h2 id=\"b2b-customers\">Take care of your B2B customers</h2>\n\n      <p>\n        <img\n          src={img4}\n          alt=\"B2B customers, an illustration of shaking hands.\"\n          title=\"Don&#39;t forget about your B2B customers.\"\n        />\n      </p>\n      <blockquote>\n        <p>\n          <em>\n            In some cases, there seems to be a perception that customer behavior tracking is most\n            valuable for B2C ecommerce retailers - but that couldn&#39;t be further from the truth.\n          </em>\n        </p>\n        <p>\n          <em>\n            As with any action you take in the B2B industry, it&#39;s vital that it should be based\n            on solid evidence and have valid data to back it up. If you have no idea how customers\n            are engaging with your product or service, how can you know that you&#39;re on the right\n            path?\n          </em>\n        </p>\n        <p>\n          <em>\n            I’m working for a B2B business which offers a feed marketing service for ecommerce\n            retailers. We track customer behavior not only on our website but also on our software\n            platform. As a third-party ecommerce tool for many agencies, we rarely hear thoughts and\n            opinions about our product from the users themselves. This is exactly customer behavior\n            tracking is especially vital for us. Session recording tools have enabled us to\n            understand where users are most frequently visiting and where they are bouncing or\n            getting stuck.\n          </em>\n        </p>\n        <p>\n          <em>\n            Particularly when offering a quite complex software platform which requires a certain\n            level of feed marketing knowledge, it’s vital to grasp exactly when our users need help\n            and where they may be getting confused – and then take actions accordingly.\n          </em>\n        </p>\n        <p>\n          <strong>\n            Ben Culpin, Marketing Specialist at{' '}\n            <a\n              href=\"https://www.wakeupdata.com/\"\n              rel=\"noopener noreferrer nofollow\"\n              target=\"_blank\"\n            >\n              WakeUpData\n            </a>\n          </strong>\n        </p>\n      </blockquote>\n      <p>\n        <a\n          href=\"https://www.forbes.com/sites/blakemorgan/2018/03/08/inside-the-mind-of-the-b2b-customer/\"\n          rel=\"noopener noreferrer nofollow\"\n          target=\"_blank\"\n        >\n          Forbes\n        </a>{' '}\n        claims that only 14% of B2B companies are customer-centric. Terrifying, isn’t it? There’s\n        even more to this statistic. While some companies track customer behavior, they sometimes\n        use this data just to build an effective sales funnel.\n      </p>\n      <p>\n        Sounds promising, but that happens after that? Once the users sign up, some people consider\n        their job as done, while in fact, it’s just the beginning of the journey.\n      </p>\n      <aside>\n        {' '}\n        <b>\n          Competition is strong in the SaaS field. Taking special care of your customers is what can\n          help you win the race.\n        </b>{' '}\n      </aside>\n\n      <p>\n        Leaving your users on their own once they’re on board is the worst you can do. As Ben has\n        mentioned, comprehensive B2B software requires a lot of attention and specialized knowledge.\n        The more complex the product, the more questions and doubts may surface along the way.{' '}\n        <a\n          href=\"/blog/top-6-tools-for-improving-conversion-in-saas/\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          SaaS\n        </a>{' '}\n        customers may look for assistance, get in touch via{' '}\n        <a\n          href=\"https://www.liveagent.com/live-chat-software/\"\n          rel=\"noopener noreferrer nofollow\"\n          target=\"_blank\"\n        >\n          live chat\n        </a>{' '}\n        and ask for help – or they might as well switch to your competitor. If you “catch them\n        before the fall” (like Kat wrote in her quote), they’re much more likely to stay.\n      </p>\n      <h2 id=\"key-takeaways\">Key takeaways for tracking customer behavior</h2>\n\n      <p>\n        First and foremost, tracking consumer behavior allows you to see what your target audience\n        really wants, but that’s just the tip of the iceberg.\n      </p>\n      <p>\n        Keep in mind that learning about your customers’ habits and preferences is vital not only in\n        the acquisition phase. Sure, it can help you attract them to your product, but there’s much\n        more you can do to keep them happy and make them stay. Once you start to study customer\n        behavior, you’ll learn how to reduce churn, improve user experience and much, much more.\n      </p>\n      <p>Ready to start the journey?</p>\n      <p>\n        <a className=\"action-btn\" href=\"/signup/\" rel=\"noopener noreferrer\" target=\"_blank\">\n          Sign up free\n        </a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Why Tracking Customer Behavior Is Important (with expert quotes)',\n  url: '/blog/tracking-customer-behavior/',\n  description: `Learn why you should start tracking consumer behavior today and how session\n  recording can help you out. Read hands-on insights from top marketing and CRO\n  experts.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-03-25',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 6,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/engagement-score-screen-ff658de37e2a5dbd378f4de8ce89b2cd.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-2--fd96bd12caef2c46b932bf9f57b8a4c2.png\";","module.exports = __webpack_public_path__ + \"static/appdashboard-feffa01f7d01338821b55aff0d71276f.png\";","module.exports = __webpack_public_path__ + \"static/tags_2-557c021bbd91b75047e0bb3c0371d1df.webm\";","module.exports = __webpack_public_path__ + \"static/increase-urgency-e2fe5e40a419cc4892238bcaafca5efc.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\n\nimport cover from 'img/blog/hate-website/cover-hate.png';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        <strong>\n          Have you noticed that your website hasn’t been getting the most attention? Does it tend to\n          push visitors away? Poor user experience can be the cause of your high page abandonment\n          rates and low visitor-to-lead conversion rates. Having a good site is crucial looking at\n          today’s competition. The question is why aren’t people the biggest fans of your website?\n          What are you doing wrong?\n        </strong>\n      </p>\n\n      <h2>1. Your website is super slow</h2>\n\n      <p>\n        With the current advancement of technology, having a slow website is something users will\n        not tolerate. Attention spans are shorter than ever and users are becoming more impatient\n        with loading websites. Studies show that{' '}\n        <a\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n          href=\"https://neilpatel.com/blog/loading-time/\"\n        >\n          47% of consumers\n        </a>{' '}\n        expect a web page to load in 2 seconds or less. It’s frustrating to deal with a page that\n        takes forever to load. This can also make them angry or disappointed. It can affect your\n        conversion rates and brand perception - website visitors are most likely to blame you\n        instead of their mobile service providers. That’s why it’s important to optimize your site’s\n        load performance - page load time is impacted by many factors that should be looked into.\n        Videos, image sizes and code all contribute to how long it takes to load. Some things you\n        can try to improve your page load time are compressing your images, minifying code and\n        loading videos in the background.{' '}\n      </p>\n\n      <h2>2. You disclude important information</h2>\n\n      <p>\n        Your website should let customers know who you are and what you do. Without this\n        information, they won’t have any idea on how your brand can help them. Consumers also need\n        answers - urgently. If it’s difficult to find these answers, they will most likely be\n        aggravated with your website. If they find the answers they’re looking for, they’ll return\n        to your site in the future and are more likely to trust your brand. Try to be as informative\n        as possible with your content, but don’t be too overwhelming. Navigate users to where they\n        want to click. The same thing goes for your “Contact Us” section - it tends to be similar\n        and generic on most pages. When a customer wants to reach you, they want to do it\n        immediately. It’s pointless to have them fill out a form and wait for a response. Make it\n        known on your website that people can contact you through social media or email.{' '}\n      </p>\n\n      <h2>3. Your forms constantly crash</h2>\n\n      <p>\n        Speaking of filling out forms, avoid server errors at all costs. Any unnecessary forms and\n        information that need to be filled out will only cause stress and annoyance. There’s no\n        reason to be adding too many elements that will only crash and trash users’ data. Excessive\n        pop-ups can also cause site issues. There can also be a plugin error, service provider\n        error, hosting error, domain error or even a traffic error. Some of these issues can be\n        easily resolved with a simple change to your site. Look into the issue to decide what the\n        best solution is.{' '}\n      </p>\n\n      <h2>4. You don’t help your customers</h2>\n\n      <p>\n        Customers need solutions. What is your site offering that can help them? One example can be\n        adding user-friendly internal linking. This is helpful in providing relevant information and\n        improves the organic ranking for important pages on your website. Pointing users to the\n        right pages will leave them satisfied. Enhance the visitor&apos;s experience and include\n        links that can only benefit them. Something to consider is using various tools to improve\n        User Experience.{' '}\n        <a rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://livesession.io\">\n          LiveSession\n        </a>{' '}\n        records how a user interacts with your website, analyzes their behavior and draws\n        conclusions from it. It makes sure that your visitors don’t get stuck when browsing your\n        site and they “land” exactly where you need them to be.{' '}\n      </p>\n\n      <h2>5. You add baseless claims</h2>\n\n      <p>\n        Nowadays, no one will believe you if you don’t back your claims up with statistics or proven\n        facts. Providing no concrete evidence to support how good your service is will have people\n        feeling unsure about your brand and can lead them to not trusting your services. If you make\n        a claim, have some past reports or data that you can use to back it up. Infographics are\n        always effective.{' '}\n      </p>\n\n      <h2>6. Too many keywords</h2>\n\n      <p>\n        If someone sees that your website is full of paragraphs and overwhelming content, they will\n        most likely leave the page. Don’t write texts packed with keywords - it’s a huge mistake. A\n        few keywords are okay, but stuffing them into your content will only{' '}\n        <a\n          rel=\"noopener nofollow noreferrer\"\n          target=\"_blank\"\n          href=\"https://blog.hubspot.com/marketing/seo-mistakes-to-avoid\"\n        >\n          hurt your chances\n        </a>{' '}\n        of being found in search. Getting traffic is important, but this isn’t the right way to\n        achieve it. No one will want to read through all of your paragraphs without yawning. There’s\n        a huge difference between search engine optimized content and over-optimized content.{' '}\n      </p>\n\n      <p>\n        The solution to your problem is to revamp your website and give it a makeover. Consider\n        implementing new strategies and methods - you’d be surprised on how much they can help.\n        Start making changes, forget your old ways and soon you’ll be seeing new fans of your\n        website.{' '}\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Why do people hate your website?',\n  description: `Having a good site is crucial\n  looking at today’s competition. `,\n  url: '/blog/why-do-people-hate-your-website',\n  author,\n  img: cover,\n  date: '2019-08-08',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"Have you noticed that your website hasn’t been getting the most attention? Does it tend to push visitors away? Poor user experience can be the cause of your high page abandonment rates and low visitor-to-lead conversion rates. Having a good site is crucial looking at today’s competition. The question is why aren’t people the biggest fans of your website? What are you doing wrong?\"\n    img={frontmatter.img}\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKamil as author } from 'data/authors';\nimport Link from 'components/ui/link';\n\nimport cover from 'img/blog/like-a-pro.jpg';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        Today’s business world is competitive and is growing dynamically. To beat your competitors\n        you should have an outstanding website which also would be easy to find. When we talk about\n        optimization very often marketers minds go to search engine optimization, nevertheless we\n        can not forget about user experience.\n        <br />\n        It is not about how it looks. UX is about how it works. Professional{' '}\n        <Link\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          href=\"https://uxstudioteam.com/ux-consulting/\"\n        >\n          UX Consultants\n        </Link>{' '}\n        could help you run a holistic overview of your product/service. They examine business model,\n        value proposition, user flows, UI screens, conduct user research to identify your target\n        audience pains and needs. All the way down to improve your user experience and meet your\n        business goals. Learn more about best website creation practices for greater business\n        success. Find out how to do it like a pro and boost your website’s performance!\n      </p>\n      <br />\n\n      <h2>Make your website useful</h2>\n      <p>\n        Let’s start with user experience which is crucial for your visitors. The more intuitive and\n        helpful your page is, the more users can revisit it. It is especially important when it\n        comes to e-commerce, but every kind of business will benefit from an optimized site.\n        Improving user experience is a part of a website’s conversion optimization.\n      </p>\n      <br />\n\n      <h3>Mobile first</h3>\n      <p>\n        Responsive web design is a total must-have nowadays as most people also use mobile devices\n        for browsing the Internet. Once your website is responsive it will automatically adjust\n        itself to every size of a mobile device (smartphone, tablet). Pay attention to additional\n        elements that appear on your website, such as web push notifications,{' '}\n        <a\n          href=\"https://www.poptin.com/blog/creative-website-popups-design-examples-inspiration/\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          pop-ups\n        </a>\n        , chat boxes. If they can not be properly displayed on a mobile device, it is better to turn\n        them off for smartphones and tablets as they can harm the mobile user experience.\n      </p>\n      <br />\n\n      <h3>Speed loading</h3>\n      <p>\n        Your website needs to load fast, both desktop and mobile version, so you will not lose\n        potential customers. If your page is loading for too long, even though you drive traffic,\n        your website might not convert too well.{' '}\n        <Link\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/\"\n        >\n          Survey shows\n        </Link>{' '}\n        that 53% of mobile visitors leave the site after 3 seconds of loading. It is clearly one of\n        the most significant factors of a resultful page. You can test website speed loading in\n        tools such as{' '}\n        <Link rel=\"noopener noreferrer nofollow\" target=\"_blank\" href=\"https://www.gtmetrix.com/\">\n          GTmetrix\n        </Link>\n        .\n      </p>\n      <br />\n\n      <h3>Intuitive navigation</h3>\n      <p>\n        While designing a menu test it to find out if it is equally intuitive for other people.\n        Every desired element by customers on the website should be easy to find. What matters is\n        also the language. Think twice about terms that you use on your website. They should be\n        clear and understandable.\n      </p>\n      <br />\n\n      <h3>Keep it simple</h3>\n      <p>\n        Do not overwhelm your visitors with too many elements. Nowadays minimalism is a trend for\n        website design. Add only one main call-to-action button on a subpage so that users can be\n        sure what action you want them to take. Also, do not annoy visitors. It can be helpful to\n        use pop-ups and web push notifications but use it wisely. Implement the right amount of\n        additional elements on your website so that you will not distract your potential clients.\n      </p>\n      <br />\n\n      <h3>Customer support</h3>\n      <p>\n        Internet users very often visit a website because they are looking for help from a certain\n        company. A very good idea is to provide FAQs with the most popular issues. You should also\n        enable finding your contact info easily. There can be a separate page for that but you can\n        also add such information at the bottom of your website. Additionally, a trend today is a\n        chatbox that automatically opens after a certain time spent on the page. it should be very\n        friendly, you can invite visitors to a conversation with a question like “Hello :) I’m\n        Maria. How can I help you?”. You can program a chatbot (with tools like{' '}\n        <Link rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://chatfuel.com/\">\n          Chatfuel\n        </Link>\n        ) which will answer the most common questions but remember that at some point you might need\n        a real person to solve more complicated issues or discuss an offer. Nevertheless, time plays\n        a huge role in customer support so using marketing automation tools can help you with\n        meeting your customers&apos; expectations.\n      </p>\n      <br />\n\n      <h3>GOLDEN TIP</h3>\n      <p>\n        User experience is an empirical field which requires surveys and research. Every company or\n        organization has a different target group with different preferences. To find out how your\n        visitors use your website, what are they struggling with, is it fully functional and\n        intuitive, you should proceed with your own research. With online tools like{' '}\n        <Link\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"/signup?utm_source=blog&utm_campaign=optimize-your-website-like-a-pro\"\n        >\n          LiveSession\n        </Link>\n        , you can record visitors’ sessions on your page, watch it and easily identify issues. You\n        can also use it for improving customer support - once you get a complaint on your website\n        you can better navigate your client, as you have access to his session and you can follow\n        his actions on the page.\n      </p>\n      <br />\n\n      <h2>Let your customers find you</h2>\n      <p>\n        Search engine optimization can be seen as an aspect of user experience because it determines\n        whether it is easy to actually find your website on the Internet. Here you can find a few\n        main elements that you should pay attention to when it comes to SEO:\n      </p>\n      <ul>\n        <li>\n          <strong>Content marketing</strong> - users are looking for valuable content on the\n          Internet. Meet their needs and publish articles about things that matter for your\n          potential customers. That way you can build a relationship with them but also improve the\n          website’s visibility - make sure you use right heading (H1, H2, H3).{' '}\n        </li>\n        <li>\n          <strong>Keywords</strong> - whatever you publish on your website, whether it is a blog\n          post or a product description you should keep in mind your keywords and use them. Check\n          out Google keyword planner to find out what might attract your audience.{' '}\n        </li>\n        <li>\n          <strong>frontmatter description</strong> - it is the description displayed in the search\n          results, just below the title and URL of the page. It should attract users to visit your\n          website once they find it in search results.\n        </li>\n        <li>\n          <strong>Alt text</strong> - is it displayed on the page instead of the image when it\n          cannot be load. In the alternative description, you should briefly capture what is in the\n          picture. Thanks to well-made alt text, the user knows what is in the picture that can not\n          currently be loaded. Describing photos using alt texts is also important from the SEO\n          point of view. Google algorithm is not able to read pictures but can read alt texts.\n        </li>\n        <li>\n          <strong>Link building</strong> - use internal linking to other your pages, but also\n          external linking. You can publish guest posts on blogs of other companies, but you might\n          also consider investing in sponsored articles in media.{' '}\n        </li>\n      </ul>\n      <br />\n      <p>\n        Website optimization can be challenging but we hope that with the aforementioned handy tips\n        you can increase your page’s visibility and user experience. For the most, remember that\n        optimization is not a one time action. It is a process of constant website’s performance\n        analyzing and improving. Good luck!{' '}\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Optimize your website like a pro',\n  url: '/blog/optimize-your-website-like-a-pro',\n  description: `To\n  beat your competitors you should have an outstanding website which\n  also would be easy to find.`,\n  author,\n  img: cover,\n  date: '2019-07-02',\n  category: 'growth',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial=\"Today’s business world is competitive and is growing dynamically. To beat your competitors you should have an outstanding website which also would be easy to find. When we talk about optimization very often marketers minds go to search engine optimization, nevertheless we can not forget about user experience. Find out how to do it like a pro and boost your website’s performance!\"\n    img={frontmatter.img}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/b2bcustomers-c371f4c1c7e61b93ff7d7a43071ce8b7.png\";","module.exports = __webpack_public_path__ + \"static/ab-2eb1c5d1772f197b97a740b42f57815c.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/filters_redesign.png';\nimport img2 from 'img/blog/updates/filters_redesign_2.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        Filters have got a new look and have been moved to the main window for better-using\n        experience. To display filters&apos; list, click on the search bar and chose one of the\n        filters.\n      </p>\n      <ImageModal src={img} alt=\"Filters redisgn\" title=\"Display filters\" />\n      <p className=\"mt-5\">\n        The filters&apos; list is now displayed above the sessions list. It&apos;s easier to change\n        it directly from the same view.\n      </p>\n      <ImageModal src={img2} loading=\"lazy\" alt=\"Filters redisgn\" title=\"Change filters\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Filters redesign',\n  url: '/blog/filters-redesign/',\n  description: 'Filters list has a new look',\n  author,\n  img,\n  date: '2019-06-20',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n    img={frontmatter.img}\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/covers/ab-test.png';\nimport { Post } from 'components/blog/content/styled';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Every resource and asset you create - be it an ad, landing page or email, always consists of\n        multiple elements. The design, copy, CTAs, headlines, ad placements… The list goes on. With\n        so many factors influencing the performance of your creations, optimising them is definitely\n        not an easy task. This is when A/B testing comes in useful - and here are your 5 tips for\n        better A/B tests.\n      </p>\n      <p>\n        <strong>What are A/B tests?</strong>\n      </p>\n      <p>\n        A/B testing is a very common and effective way to optimise any digital asset you create. It\n        revolves around two variants – A and B – which are both tested simultaneously to find out\n        which is performing better.\n      </p>\n      <p>\n        How are the tests performed, you ask? Two variants of a landing page, email or ad, as an\n        example, are shown to users at random - which means that 50% of your web visitors or email\n        recipients will see the version A, whereas 50% of them will see the version B. Then, the A/B\n        test will indicate which version proved more popular among your audience based on specific\n        metrics of your choosing.\n      </p>\n      <p>\n        This might seem like a quick fix - but in reality, it’s not. It takes time and diligence to\n        get proper results, and comparing the winning variant with a new variant on and on, to keep\n        optimising your assets.\n      </p>\n      <p>\n        <strong>What are the benefits of A/B testing?</strong>\n      </p>\n      <p>\n        Essentially, A/B testing takes the guesswork out of your optimisation efforts. You can\n        easily check the preferences of your users, and see how they react to your assets or any\n        changes to them you might have in store.\n      </p>\n      <p>What exactly can be achieved with A/B tests, then?</p>\n      <ul>\n        <li>\n          <strong>\n            A/B testing helps you figure out what words, images, button placements, and other\n            elements seem attractive for your target audience.\n          </strong>{' '}\n          This way, you can truly meet their expectations when creating any{' '}\n          <a\n            href=\"https://filecamp.com/lp/digital-asset-management-software/\"\n            rel=\"noopener noreferrer nofollow\"\n            target=\"_blank\"\n          >\n            digital assets\n          </a>{' '}\n          and resources - and even the simplest changes and minor adjustments can work wonders here\n        </li>\n        <li>\n          <strong>A/B testing helps you reduce bounce rates</strong>. In many cases, the assumptions\n          website owners have about their target audience are completely wrong. As a result, web\n          visitors and email recipients often “bounce” from the site or messages without spending\n          any time checking them out. A/B testing can help you verify such assumptions and truly get\n          through to your target audience. A/B testing helps you reduce bounce rates. In many cases,\n          the assumptions website owners have about their target audience are completely wrong. As a\n          result, web visitors and email recipients often “bounce” from the site or messages without\n          spending any time checking them out. A/B testing can help you verify such assumptions and\n          truly get through to your target audience.\n        </li>\n        <li>\n          <strong>A/B testing helps you increase conversion rates.</strong> This is basically what\n          optimisation is all about. With A/B testing, you’re seeing for yourself what works and\n          what doesn’t for your visitors and email recipients, which makes it easier for you to\n          craft your layout, copy and visuals to achieve more conversions. A/B testing helps you\n          increase conversion rates. This is basically what optimisation is all about. With A/B\n          testing, you’re seeing for yourself what works and what doesn’t for your visitors and\n          email recipients, which makes it easier for you to craft your layout, copy and visuals to\n          achieve more conversions.\n        </li>\n      </ul>\n      <p>Once you’re convinced they work - here’s how to make the most of A/B tests.</p>\n      <p>\n        <strong>Tips for better A/B tests</strong>\n      </p>\n      <ol>\n        <li>\n          <p>\n            <strong>Start A/B testing with no assumptions whatsoever.</strong>\n          </p>\n          <p>\n            When you’re creating an asset and putting it to the test, you should have no assumptions\n            as to how your target audience would react to certain versions of it. Let the users tell\n            you which option works better for them - and don’t try to act against their opinion.\n          </p>\n          <p>\n            The results of A/B tests might not be what you expect, and this happens more often than\n            you might think. The key to making the most of them, though, is to draw data-driven\n            conclusions and strive to optimise your asset accordingly.\n          </p>\n        </li>\n        <li>\n          <p>\n            <strong>Test only one thing at a time.</strong>\n          </p>\n          <p>\n            It’s true that A/B testing is all about comparing two versions of a web page, email, or\n            any other digital asset. The thing to remember, however, is that these versions should\n            have only one varying element. So, to give you an example - if you want to test a\n            specific CTA, you should create two versions of the same page with only this specific\n            CTA changed. Otherwise, it might be difficult to say what actually appeals to your users\n            and what doesn’t, and attribute the results of an A/B test to particular elements.\n          </p>\n          <p>\n            But, what if you want to test multiple elements of your asset (as you probably should do\n            anyway)? Write down a list of such elements and prioritise them, it’s simple as that.\n            Then, run your A/B tests - one at a time, to get a clear picture from the results.\n          </p>\n        </li>\n        <li>\n          <p>\n            <strong>Put your trust in qualitative analysis.</strong>\n          </p>\n          <p>\n            The best way to test anything is to ask your audience for detailed feedback or, even\n            better, to see for yourself how they use your assets. Even if you consult the designs\n            with your team or friends, you’re already gaining qualitative insights. Still, when you\n            hear about a certain issue from your users first-hand or actually watch someone navigate\n            your site - you get a strong proof of what might not be working as well as you expected.\n          </p>\n          <p>\n            That’s precisely why user session recordings &amp; replays work so well with A/B\n            testing.\n            <a href=\"/features/\" rel=\"noopener noreferrer\" target=\"_blank\">\n              Session replays\n            </a>{' '}\n            are recorded visits of users actually browsing your site. Of course, since it’s\n            basically an observation you’re making, it’s subject to your own biases. Nevertheless,\n            recordings are a goldmine of information and a great tool for finding bottlenecks in\n            your user experience.\n          </p>\n        </li>\n        <li>\n          <p>\n            <strong>Use the right tools.</strong>\n          </p>\n          <p>\n            If you want to do A/B testing the right way (especially if you want to leverage session\n            replays), you’ll need a proper tool for this purpose. There are plenty of factors that\n            affect such tests, which is why trying to conduct them all manually is really difficult\n            (and frankly, often ineffective). Tools like{' '}\n            <a href=\"/\" rel=\"noopener noreferrer\" target=\"_blank\">\n              LiveSession\n            </a>\n            ,{' '}\n            <a\n              href=\"https://www.omniconvert.com/\"\n              rel=\"noopener noreferrer nofollow\"\n              target=\"_blank\"\n            >\n              Omniconvert\n            </a>\n            ,{' '}\n            <a href=\"https://www.abtasty.com/\" rel=\"noopener noreferrer nofollow\" target=\"_blank\">\n              AB Tasty\n            </a>{' '}\n            or{' '}\n            <a href=\"https://freshmail.com/\" rel=\"noopener noreferrer nofollow\" target=\"_blank\">\n              Freshmail\n            </a>{' '}\n            can easily help you create the right environment needed to run A/B tests. This, in turn,\n            helps you get valid results that will make a real difference to your optimisation\n            efforts.\n          </p>\n        </li>\n        <li>\n          <p>\n            <strong>Define what metrics you’re after and document all your results.</strong>\n          </p>\n          <p>\n            Before you run any test, decide how you’re going to measure its success. In fact, there\n            should be one metric in particular that will help you determine the winning version of\n            your asset. Such metrics can be different, depending on the actual result you’re trying\n            to achieve. Pick something measurable which has an impact on your business. The{' '}\n            <a href=\"/blog/low-conversion-rate/\" rel=\"noopener noreferrer\" target=\"_blank\">\n              conversion rate\n            </a>{' '}\n            is a great example here. Other{' '}\n            <a\n              href=\"https://www.marketingoptimizer.com/blog/marketing-optimization/metrics-must-track-ab-testing/\"\n              rel=\"noopener noreferrer nofollow\"\n              target=\"_blank\"\n            >\n              metrics that are worth tracking\n            </a>{' '}\n            include bounce rates and exit rates.\n          </p>\n          <p>\n            Once you have the metrics covered, don’t forget to document all your tests and their\n            results. This will not only save you some effort on repeating it but also help you see\n            the improvements over time. Not to mention that these results can reveal deep insights\n            about your customers and their preferences, which is definitely something worth to keep\n            in mind at all times.\n          </p>\n        </li>\n      </ol>\n      <p>\n        <strong>Take your digital assets to the next level with A/B tests</strong>\n      </p>\n      <p>\n        There’s no single best practice when it comes to A/B tests - you can pretty much test\n        whatever elements you want to. It makes most sense to test on pages that already have some\n        traffic, as this is more likely to make a difference to your company’s bottom line. The most\n        important thing, however, is to stay consistent and have patience.\n      </p>\n      <p>\n        Usually, a recommended time span for an A/B test is{' '}\n        <a\n          href=\"https://www.invespcro.com/blog/how-long-should-you-run-an-ab-test-for/\"\n          rel=\"noopener noreferrer nofollow\"\n          target=\"_blank\"\n        >\n          between one to four weeks\n        </a>\n        . The recommended minimum is 7-14 days. This amount of time can be flexible, though,\n        depending on the amount of traffic or interest your digital assets receives. The frequency\n        of tests also varies - but keep in mind that the goal is to optimise your assets constantly.\n      </p>\n      <p>\n        For best results, combine quantitative and qualitative insights to come up with even better\n        solutions for your digital assets. Once you’re at it - definitely{' '}\n        <strong>\n          <a href=\"/signup/\" rel=\"noopener noreferrer\" target=\"_blank\">\n            give session replays a try\n          </a>\n          .\n        </strong>{' '}\n        LiveSession is here to help you out!\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '5 Tips for Better A/B Tests',\n  url: '/blog/5-tips-for-better-a-b-tests/',\n  description: `Every resource and asset you create - be it an ad, landing page or email,\n     always consists of multiple elements.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-12-30',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 6,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import sortBy from 'lodash/sortBy';\n\nimport { frontmatter as meta1 } from 'pages/blog/session-player-layout-update';\nimport { frontmatter as meta2 } from 'pages/blog/new-filters-released';\nimport { frontmatter as meta3 } from 'pages/blog/top-users-in-segment';\nimport { frontmatter as meta4 } from 'pages/blog/more-date-filtering-options';\nimport { frontmatter as meta5 } from 'pages/blog/dashboard-filtering-and-segmentation';\nimport { frontmatter as meta6 } from 'pages/blog/what-is-session-replay';\nimport { frontmatter as meta7 } from 'pages/blog/livesession-wins-premium-usability-honor';\nimport { frontmatter as meta8 } from 'pages/blog/new-retention-options';\nimport { frontmatter as meta9 } from 'pages/blog/website-settings';\nimport { frontmatter as meta10 } from 'pages/blog/segment-sharing';\nimport { frontmatter as meta11 } from 'pages/blog/new-system-filters';\nimport { frontmatter as meta12 } from 'pages/blog/masking-sensitive-data';\nimport { frontmatter as meta13 } from 'pages/blog/mouse-movement-trace';\nimport { frontmatter as meta14 } from 'pages/blog/keyboard-shortcuts';\nimport { frontmatter as meta15 } from 'pages/blog/substring-filter';\nimport { frontmatter as meta16 } from 'pages/blog/mobile-actions-support';\nimport { frontmatter as meta17 } from 'pages/blog/how-to-use-the-owned-channels-to-generate-b2b-leads-and-boost-sales';\nimport { frontmatter as meta18 } from 'pages/blog/filters-redesign';\nimport { frontmatter as meta19 } from 'pages/blog/user-details';\nimport { frontmatter as meta20 } from 'pages/blog/team-management';\nimport { frontmatter as meta21 } from 'pages/blog/optimize-your-website-like-a-pro';\nimport { frontmatter as meta22 } from 'pages/blog/the-importance-of-customer-service';\nimport { frontmatter as meta23 } from 'pages/blog/tag-session-to-find-them-easily';\nimport { frontmatter as meta24 } from 'pages/blog/recording-rules';\nimport { frontmatter as meta25 } from 'pages/blog/why-do-people-hate-your-website';\n// import { frontmatter as meta26 } from 'pages/blog/how-to-use-heat-maps-to-improve-your-page-performance';\nimport { frontmatter as meta27 } from 'pages/blog/clicks-rage-clicks-and-error-clicks-on-dashboard';\nimport { frontmatter as meta28 } from 'pages/blog/more-accurate-location-of-the-user';\nimport { frontmatter as meta29 } from 'pages/blog/export-to-csv-your-top-lists';\nimport { frontmatter as meta30 } from 'pages/blog/click-tracking-on-your-website-all-you-need-to-know';\nimport { frontmatter as meta31 } from 'pages/blog/your-profile-page';\nimport { frontmatter as meta32 } from 'pages/blog/engagement-score';\nimport { frontmatter as meta33 } from 'pages/blog/top-6-tools-for-improving-conversion-in-saas';\nimport { frontmatter as meta34 } from 'pages/blog/how-to-use-filters-in-user-research';\nimport { frontmatter as meta35 } from 'pages/blog/livesession-named-a-high-performer-in-session-replays-for-fall-2019-by-g2-crowd';\nimport { frontmatter as meta36 } from 'pages/blog/cro-trends-2020';\nimport { frontmatter as meta37 } from 'pages/blog/5-easy-ways-to-increase-landing-page';\nimport { frontmatter as meta38 } from 'pages/blog/user-frustration';\nimport { frontmatter as meta39 } from 'pages/blog/low-conversion-rate';\nimport { frontmatter as meta40 } from 'pages/blog/error-rage-clicks';\nimport { frontmatter as meta41 } from 'pages/blog/inspect-mode';\nimport { frontmatter as meta42 } from 'pages/blog/7-psychological-principles-for-better-ux';\n\nimport { frontmatter as meta43 } from 'pages/blog/5-tips-for-better-a-b-tests';\nimport { frontmatter as meta44 } from 'pages/blog/advanced-session-sharing';\nimport { frontmatter as meta45 } from 'pages/blog/analyze-session-recordings';\nimport { frontmatter as meta46 } from 'pages/blog/autoplay';\nimport { frontmatter as meta47 } from 'pages/blog/cognitive-bias-ux';\nimport { frontmatter as meta48 } from 'pages/blog/cognitive-psychology-theories';\nimport { frontmatter as meta49 } from 'pages/blog/filtering-updates';\nimport { frontmatter as meta50 } from 'pages/blog/guide-to-qualitative-ux-research';\nimport { frontmatter as meta51 } from 'pages/blog/improving-customer-experience';\nimport { frontmatter as meta52 } from 'pages/blog/intercom-integration';\nimport { frontmatter as meta53 } from 'pages/blog/livesession-2019-summary';\nimport { frontmatter as meta54 } from 'pages/blog/livesession-badge';\nimport { frontmatter as meta55 } from 'pages/blog/livesession-sdk';\nimport { frontmatter as meta56 } from 'pages/blog/tips-for-new-product-managers-with-expert-quotes';\nimport { frontmatter as meta57 } from 'pages/blog/tips-to-improve-sign-up-forms-with-examples';\nimport { frontmatter as meta58 } from 'pages/blog/top-ux-events-in-cee';\nimport { frontmatter as meta59 } from 'pages/blog/tracking-customer-behavior';\nimport { frontmatter as meta60 } from 'pages/blog/user-roles';\nimport { frontmatter as meta61 } from 'pages/blog/ux-in-the-time-of-coronavirus';\nimport { frontmatter as meta62 } from 'pages/blog/winter-2019-livesession-named-a-g2-high-performer-again';\nimport { frontmatter as meta63 } from 'pages/blog/how-to-use-session-recordings-to-grow-your-saas';\nimport { frontmatter as meta64 } from 'pages/blog/5-ux-research-methods-for-the-remote-times';\nimport { frontmatter as meta65 } from 'pages/blog/how-to-use-data-analytics-to-improve-customer-support';\nimport { frontmatter as meta66 } from 'pages/blog/form-analytics';\nimport { frontmatter as meta67 } from 'pages/blog/clickmaps';\nimport { frontmatter as meta68 } from 'pages/blog/10-ui-tips-that-will-improve-your-ux-writing';\nimport { frontmatter as meta69 } from 'pages/blog/reasons-why-ux-should-be-a-priority-for-digital-marketers';\nimport { frontmatter as meta70 } from 'pages/blog/how-to-bring-old-content-back-to-life-and-discover-new-levels-of-engagement';\nimport { frontmatter as meta71 } from 'pages/blog/website-speed';\nimport { frontmatter as meta72 } from 'pages/blog/custom-events';\nimport { frontmatter as meta73 } from 'pages/blog/user-journey';\nimport { frontmatter as meta74 } from 'pages/blog/5-tips-to-create-best-ux-in-the-remote-work-culture';\nimport { frontmatter as meta75 } from 'pages/blog/segments-summary-email';\nimport { frontmatter as meta76 } from 'pages/blog/4-ways-to-improve-ecommerce-ux-for-website-visitors';\nimport { frontmatter as meta77 } from 'pages/blog/10-ways-to-increase-urgency-in-your-online-sales';\nimport { frontmatter as meta78 } from 'pages/blog/not-all-traffic-is-created-equally';\nimport { frontmatter as meta79 } from 'pages/blog/integration-with-livechat';\nimport { frontmatter as meta80 } from 'pages/blog/boost-websites-conversion-with-ux-improvements';\nimport { frontmatter as meta81 } from 'pages/blog/10-ux-tricks-to-improve-student-experience';\nimport { frontmatter as meta82 } from 'pages/blog/get-more-leads-this-year';\nimport { frontmatter as meta83 } from 'pages/blog/how-to-ab-test-saas-pricing-pages-in-2021';\nimport { frontmatter as meta84 } from 'pages/blog/rest-api';\nimport { frontmatter as meta85 } from 'pages/blog/funnels';\nimport { frontmatter as meta86 } from 'pages/blog/best-ux-practices-to-built-email-marketing-lists';\nimport { frontmatter as meta87 } from 'pages/blog/zendesk';\nimport { frontmatter as meta88 } from 'pages/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website';\nimport { frontmatter as meta89 } from 'pages/blog/6-marketing-strategies-that-will-increase-your-conversions';\n\nconst posts = sortBy(\n  [\n    meta1,\n    meta2,\n    meta3,\n    meta4,\n    meta5,\n    meta6,\n    meta7,\n    meta8,\n    meta9,\n    meta10,\n    meta11,\n    meta12,\n    meta13,\n    meta14,\n    meta15,\n    meta16,\n    meta17,\n    meta18,\n    meta19,\n    meta20,\n    meta21,\n    meta22,\n    meta23,\n    meta24,\n    meta25,\n    // meta26,\n    meta27,\n    meta28,\n    meta29,\n    meta30,\n    meta31,\n    meta32,\n    meta33,\n    meta34,\n    meta35,\n    meta36,\n    meta37,\n    meta38,\n    meta39,\n    meta40,\n    meta41,\n    meta42,\n    meta43,\n    meta44,\n    meta45,\n    meta46,\n    meta47,\n    meta48,\n    meta49,\n    meta50,\n    meta51,\n    meta52,\n    meta53,\n    meta54,\n    meta55,\n    meta56,\n    meta57,\n    meta58,\n    meta59,\n    meta60,\n    meta61,\n    meta62,\n    meta63,\n    meta64,\n    meta65,\n    meta66,\n    meta67,\n    meta68,\n    meta69,\n    meta70,\n    meta71,\n    meta72,\n    meta73,\n    meta74,\n    meta75,\n    meta76,\n    meta77,\n    meta78,\n    meta79,\n    meta80,\n    meta81,\n    meta82,\n    meta83,\n    meta84,\n    meta85,\n    meta86,\n    meta87,\n    meta88,\n    meta89,\n  ],\n  (a) => -new Date(a.date),\n);\n\nexport { posts };\n","module.exports = __webpack_public_path__ + \"static/image4-7d3dd5f212ec4361fdd7b31808675604.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorPawel as author } from 'data/authors';\nimport { Post } from 'components/blog/content/styled';\nimport img from 'img/blog/play-next.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Watching session replays became smoother. We’ve just launched <strong>autoplay</strong> in\n        LiveSession!\n      </p>\n      <p>\n        When one recording ends, you’ll see a progress bar. You can choose to replay the same\n        session once again or cancel the autoplay. If you do nothing, you’ll be{' '}\n        <strong>automatically redirected to the next session</strong>.\n      </p>\n      <p>\n        Go to your{' '}\n        <a href=\"https://app.livesession.io/app/sessions\" target=\"_blank\" rel=\"noopener noreferrer\">\n          session recording list\n        </a>{' '}\n        and try it yourself!\n      </p>\n      <p>\n        As usual, if you have any questions or ideas for improvement, feel free to get in touch via\n        live chat or send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Autoplay',\n  url: '/blog/autoplay/',\n  description: 'Read about the autoplay feature in LiveSession.',\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-06-23',\n  category: '',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/2-google-basics-of-ux-b8131e44ce0def2d179afcbef9546760.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-3--43a8649e7752ff799f5b3022b4788d77.png\";","module.exports = __webpack_public_path__ + \"static/csv-video-c57aaa1269d18b9afb68fbae5ab22faf.webm\";","module.exports = __webpack_public_path__ + \"static/dropdown-menu-type-of-error-2-ffe3acf4bf822bc0eb2cd89ebcc0b1d5.png\";","module.exports = __webpack_public_path__ + \"static/image2-9bf4cf94bbf4775103caf80b5dbb92c9.jpg\";","module.exports = __webpack_public_path__ + \"static/webapp_preview-0ab147d91720b75357ebecaed91d25be.png\";","module.exports = __webpack_public_path__ + \"static/boost-conversion-5e37bc369b49ac341b47bb317080abe7.png\";","module.exports = __webpack_public_path__ + \"static/custom-events2-f0fccf3f4ddb6eb23f3e19e9c81a2c74.png\";","module.exports = __webpack_public_path__ + \"static/rageclicks-513028a82b8d807b021e2e0c7ed3d613.png\";","module.exports = __webpack_public_path__ + \"static/Recording_rules_2-e6a0524db016b3d66a822bc7c8694fea.webm\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/users.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        It is easier to manage users in your team now. Owners and admins can delete users directly\n        from a list. Also, invitations are now grouped in a seperated list with options to resend or\n        cancel.\n      </p>\n      <ImageModal src={img} alt=\"Management\" title=\"Manage users in your team\" />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Better team management',\n  url: '/blog/team-management/',\n  description: 'More options to control team and invitations',\n  author,\n  img,\n  date: '2019-06-30',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\nimport styled from 'styled-components';\nimport img from 'img/blog/error-rage-clicks/bg.png';\nimport img1 from 'img/blog/error-rage-clicks/dropdown-menu.png';\nimport img21 from 'img/blog/error-rage-clicks/dropdown-menu-type-of-error-1.png';\nimport img22 from 'img/blog/error-rage-clicks/dropdown-menu-type-of-error-2.png';\nimport img3 from 'img/blog/error-rage-clicks/shorter-way.jpg';\nimport img4 from 'img/blog/error-rage-clicks/example-from-our-blog.png';\nimport img5 from 'img/blog/error-rage-clicks/error-clicks-occur.png';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n  h4 {\n    color: #777;\n    font-weight: 700;\n    font-size: 1rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>Frustrating user experience can be improved faster than you think.</p>\n      <p>\n        If you’re familiar with our guide to{' '}\n        <a\n          href=\"https://livesession.io/blog/user-frustration/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          understanding user frustration\n        </a>\n        , you’ve already read a thing or two about rage clicks and error clicks. In this blog post,\n        we’re going to cover this topic in more detail. You’ll learn:\n      </p>\n      <ul>\n        <li>what are rage clicks and error clicks</li>\n        <li>how you can filter them with session tracking tools like LiveSession</li>\n        <li>\n          how detecting error and rage clicks can help you spot some of the most important issues on\n          your website\n        </li>\n      </ul>\n      <p>Ready to say goodbye to frustration? Let’s dive in!</p>\n      <h2>What are rage clicks</h2>\n      <p>A situation like this one probably sounds familiar to you:</p>\n      <p>\n        You’re on a website, trying to complete a goal. You finally found the button you’re looking\n        for: <i>Proceed</i>, <i>Buy now</i>, <i>Read more</i> – you name it.\n      </p>\n      <p>Then, you try to click on it.</p>\n\n      <p>Nothing happens.</p>\n      <p>You click again. Still, nothing happens.</p>\n\n      <p>\n        <i>Click, click. Click, click, click, click.</i>\n      </p>\n      <p>A disaster you’d rather avoid, right?</p>\n      <p>You get angry and keep clicking even more, even faster. </p>\n      <p>\n        This is what we call a <strong>rage click</strong>. It happens when a user clicks (or taps)\n        on a specific section of a website repeatedly, very fast, in frustration. You could also say\n        that it’s a digital parallel of pressing the elevator button a couple of times in a row when\n        it’s not responding. Overall, a rage click is a very clear signal that your visitor wasn’t\n        able to achieve their goal.\n      </p>\n      <h2>What are error clicks</h2>\n      <p>\n        Rather than being related to an emotional reaction, <strong>error clicks</strong> are based\n        on technical issues. In LiveSession, we’re talking about an <strong>error click</strong>{' '}\n        when a JavaScript error occurs.\n      </p>\n      <p>\n        If you’re not particularly tech-savvy and this term doesn’t sound clear to you, here’s a\n        quick explanation:\n      </p>\n      <p>\n        JavaScript (often abbreviated as JS) is one of the most popular programming languages used\n        to build web pages. A popular metaphor claims that this language was made to “\n        <a href=\"https://javascript.info/intro\" target=\"_blank\" rel=\"noopener noreferrer\">\n          make pages alive\n        </a>\n        ”. When a particular JS element is not working, it means you’re dealing with a JavaScript\n        error.\n      </p>\n      <p>\n        In this case, the user doesn’t have to click on something many times in a row. Just one\n        click is enough for the tracking tool to detect an error. What’s more, sometimes the users\n        don’t even notice that something is broken within the app. Most of the time, however, error\n        clicks indicate that you need to prioritize the issue.\n      </p>\n      <h2>How to filter rage clicks and error clicks with LiveSession</h2>\n      <p>\n        LiveSession detects error clicks and rage clicks automatically. You can find all the\n        sessions with these types of clicks very easily – all you need to do is select a filter from\n        the drop-down menu\n      </p>\n      <img\n        src={img1}\n        alt=\"dropdown-menu\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Filter data in menu\"\n      />\n      <p>\n        If needed, you can use more advanced filters, too. <strong>Rage clicks</strong> can be\n        filtered based on the CSS selector or text, while <strong>error clicks</strong> can also be\n        sorted according to a specific type of error:\n      </p>\n      <img\n        src={img21}\n        alt=\"dropdown-menu-type-of-error-1\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Specific type of error\"\n      />\n      <img\n        src={img22}\n        alt=\"dropdown-menu-type-of-error-2\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Specific type of error\"\n      />\n      <p>\n        If you would like to read more about using filters in LiveSession, our\n        <a\n          href=\"https://livesession.io/blog/how-to-use-filters-in-user-research/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          guide to user segmentation\n        </a>{' '}\n        is sure to come in handy.\n      </p>\n      <h2>How rage clicks and error clicks can help you spot important issues</h2>\n      <p>In this part of the article:</p>\n      <ul>\n        <li>\n          we’ll cover some of the most common <strong>appearances of rage and error clicks</strong>{' '}\n        </li>\n        <li>\n          you’ll learn <strong>how to draw conclusions</strong> from the events recorded with a\n          session tracking software\n        </li>\n      </ul>\n      <p>\n        Let’s dive deeper to find out how to leverage rage click and error clicks in your user\n        research strategy!\n      </p>\n      <h3>When rage clicks occur</h3>\n      <p>Some of the most common occurrences for rage clicks include:</p>\n      <h4>Dead links</h4>\n      <p>\n        Rage clicks happen when a text looks like a hyperlink (e.g. it’s in a different color, in\n        bold or underlined) but it’s not really clickable. Oftentimes, the user is certain that\n        they’re dealing with a link and keep clicking on it, expecting to be redirected to a\n        different page.\n      </p>\n      <h4>Unclear error messages</h4>\n      <p>\n        When a user is filling a form and they got the postcode format or their credit card number\n        wrong, they might not be able to proceed. If the error message is not clear, they will keep\n        clicking on the <i>Proceed</i>\n        or <i>Send</i> button repeatedly, until they realize that something is wrong, or worse,\n        leave the page.\n      </p>\n      <h4>Desire paths </h4>\n      <p>\n        Sometimes users are expecting certain elements to act in a certain way (in this case, to be\n        clickable), yet the website behaves differently. Still, the user is trying to follow the\n        expected path – a <strong>desire path</strong>, also known as goat track or bootleg trail.\n        This term is best explained with one of the most popular examples in the history of UX:\n      </p>\n      <img\n        src={img3}\n        alt=\"shorter-way\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Shorter way\"\n      />\n      <p>\n        In this case, the user doesn’t want to take the established road and chooses the shortcut\n        instead, just because it’s faster and more natural.\n      </p>\n      <p>\n        Desire paths can be based on the expectations, too. For instance, if the user goes on your\n        company blog and clicks on the logo of your product in the top left corner, they probably\n        expect to be taken back to the main page. If the logo is not clickable, they might try to\n        click on it again, and again – and here goes our rage click.\n      </p>\n      <figure className=\"img-fluid justify-content-center mb-5 mt-3\">\n        <img\n          src={img4}\n          alt=\"example-from-our-blog\"\n          className=\"img-fluid justify-content-center mb-3\"\n          title=\"LiveSession blog\"\n        />\n        <figcaption>\n          <i>\n            An example from our blog – the users are likely to click on the LiveSession logo,\n            expecting to be redirected to the home page. If the logo is not linked, they may click\n            on it a couple of times, until they realize the pattern is not working.\n          </i>\n        </figcaption>\n      </figure>\n      <h4>Speed issues</h4>\n      <p>\n        A rage click may also indicate that a particular element of your page takes too long to\n        load. What’s more, this phenomenon may occur when the entire page is loading and the user\n        keeps clicking on the loading screen to see if something will happen. Keep in mind that this\n        is more likely to happen if a slow response comes with an <i>unclear message</i> – the user\n        gets lost and keeps clicking to get any kind of feedback.\n      </p>\n      <p>\n        Most of the time you can take action to improve the page speed, yet sometimes the fault lies\n        somewhere else. In that case, we’re talking about <strong>false rage clicks</strong>.\n      </p>\n      <h4>False positive rage clicks</h4>\n      <p>\n        It might happen that a rage click is detected when it’s not related to the interface design.\n        We call it a <strong>false positive rage click</strong>, which might be due to a poor\n        internet connection or a lagging device. It always pays off to double-check a recording to\n        see if a rage click is caused by an external reason or maybe there is something that can be\n        improved on your website.\n      </p>\n      <h4>When error clicks occur</h4>\n      <p>\n        As mentioned above, error clicks are logged based on JavaScript errors. When the user\n        notices that a particular element is broken, they might start clicking on it repeatedly.\n        This is why <strong>error clicks are often registered together with rage clicks</strong>,\n        like in the example below:\n      </p>\n      <img\n        src={img5}\n        alt=\"error-clicks-occur\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        loading=\"lazy\"\n        title=\"Types of errors\"\n      />\n      <p>\n        In such cases, you can see that the visitor was frustrated and you can also see what kind of\n        error caused the frustration. When you have complete information handy, it’s much easier to\n        start working on the bug.\n      </p>\n      <h2>Key takeaways</h2>\n      <p>\n        <strong>Rage clicks and error clicks detection</strong> is a handy feature designed to help\n        you spot the most urgent issues as soon as possible. You don’t have to search manually to\n        find the main points of frustration. Instead, your session recording app will keep track of\n        them automatically. This makes work much smoother for everyone involved, including\n        developers, UX designers and customer service agents.\n      </p>\n      <p>\n        If you’re not monitoring the frustration of your users yet, it’s high time you started\n        paying more attention. It’s a simple and efficient way to learn more about your visitors and\n        improve their experience – and in the end, this is how you make your customers happy and\n        loyal.{' '}\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Rage Clicks & Error Clicks – Say Goodbye to Frustration',\n  url: '/blog/error-rage-clicks',\n  description:\n    'If you’re familiar with our guide to understanding user frustration, you’ve already read a thing or two about rage clicks and error clicks.',\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-11-06',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"Frustrating user experience can be improved faster than you think.\"\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorVikas as author } from 'data/authors';\nimport img from 'img/blog/covers/boost_conversions_tactics.png';\nimport img1 from 'img/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website/summary.png';\nimport img2 from 'img/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website/swag.png';\nimport img3 from 'img/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website/brazil.png';\nimport Link from 'components/ui/link';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        If you want your business to be successful, increasing customer loyalty is a critical piece\n        of the puzzle.\n      </p>\n\n      <p>\n        In fact, customer loyalty is the missing link that will help you turn a middle-of-the-road\n        business into a household name. Customer loyalty can turn one-off buyers into brand\n        evangelists who keep coming back again and again when done correctly.{' '}\n      </p>\n\n      <p>\n        As it turns out, though, there are no easy ways to create customer loyalty. It comes from\n        good, old-fashioned hard work.\n      </p>\n\n      <p>\n        In this post, we’ll discuss a few of the top ways you can generate customer loyalty for your\n        business and how to leverage it to help your brand grow.{' '}\n      </p>\n\n      <p>Let’s dive in.</p>\n      <h2>Customer Loyalty, Defined</h2>\n      <p>\n        Just to make sure we’re all on the same page, let’s take a look at what customer loyalty\n        means.\n      </p>\n\n      <p>\n        Put simply: customer loyalty is what happens when a customer conducts a transaction with a\n        brand on an ongoing basis.\n      </p>\n\n      <p>\n        Sounds simple, right? Sure, but there’s a lot that goes into creating it. Ultimately,\n        loyalty comes in all different shapes and sizes, depending on the brand.{' '}\n      </p>\n\n      <p>\n        According to some brands, loyalty is more than just a customer’s buying behavior. These\n        brands define loyalty as brand evangelism, as well. According to other companies, loyalty is\n        what happens when a customer will only buy from a single brand, regardless of how much they\n        share about that brand after a purchase.{' '}\n      </p>\n\n      <p>\n        No matter how you define it, brand loyalty is a critical part of a great company. Creating\n        it is essential to long-term success and upward mobility.{' '}\n      </p>\n\n      <p>\n        After all, recent research suggests that it is{' '}\n        <Link\n          href=\"https://www.salesforce.com/blog/customer-service-stats/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          <strong>6-7x more expensive</strong>\n        </Link>{' '}\n        to acquire a new customer than to sell to an existing one.{' '}\n      </p>\n\n      <p>\n        With that in mind, it’s clear that customer loyalty matters and that it’s in your best\n        interests to invest in it. Additionally, about{' '}\n        <strong>80% of a company’s future profits</strong> will come from <strong>just</strong>{' '}\n        <Link\n          href=\"https://www.smartinsights.com/marketing-planning/marketing-models/paretos-8020-rule-marketing/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          <strong>20% of its customers</strong>\n        </Link>\n        .{' '}\n      </p>\n      <h2> Customer Loyalty by the Numbers</h2>\n      <p>\n        Not convinced that customer loyalty is that important? Here are some critical{' '}\n        <Link\n          href=\"https://review42.com/resources/customer-loyalty-statistics/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          statistics\n        </Link>{' '}\n        to chew on:\n      </p>\n      <ul>\n        <li>65% of the average company’s business comes from existing customers </li>\n        <li>43% of customers are willing to spend more money with companies they’re loyal to </li>\n        <li>\n          Customers who are highly engaged with and loyal to a company make purchases 90% more often{' '}\n        </li>\n        <li>84% of U.S. consumers report that they’re loyal to a few specific retailers </li>\n        <li>Nearly 90% of buyers will pay more for a better customer service experience </li>\n        <li>\n          Companies that want to build long-term business relationships with new customers will\n          spend 16 times more than they would to nurture the loyalty of existing customers{' '}\n        </li>\n      </ul>\n      <p>\n        No matter what business you’re in, customer loyalty matters. Cultivating it will save your\n        brand money and make it easier to scale your company in the long term.{' '}\n      </p>\n      <h2>8 Tips That Drive Customer Loyalty</h2>\n      <p>\n        Whether you’re a new brand or an established company, these tips can help you generate\n        customer loyalty through your website.\n      </p>\n      <h3>1. Create a sales development process</h3>\n      <p>\n        What gets measured gets managed. That’s as true for a sales development process as it is\n        with anything else.{' '}\n      </p>\n\n      <p>\n        To ensure your customers can move through your pipeline in a streamlined and simplified way,\n        build a sales development process for your brand.{' '}\n      </p>\n\n      <p>\n        For best results,{' '}\n        <Link\n          href=\"https://reply.io/build-sdr-process\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          create a sales development process\n        </Link>{' '}\n        with the end goal in mind. Every CTA on your website (along with all your sales team’s\n        interactions with customers via chatbot or other methods) should be working toward moving\n        the customer to the end goal.\n      </p>\n      <h3>2. Focus on good communication with customers</h3>\n      <p>\n        Above all else, commit yourself to{' '}\n        <Link\n          href=\"http://preply.com/en/blog/english-for-business-communication/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          good communication with customers\n        </Link>\n        . Good service is what makes loyal customers. Ensure your customer service team is properly\n        equipped and trained for good communication. This will provide positive customer\n        interactions.\n      </p>\n      <h3>3. Conduct data center monitoring</h3>\n      <p>\n        Datacenter monitoring makes it easy for customers to get in touch with your sales team. Look\n        at how this page for{' '}\n        <Link\n          href=\"https://www.nlyte.com/products/nlyte-system-utilization-monitor/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          data center monitoring\n        </Link>{' '}\n        provides CTAs that stand out on the page. They encourage users to contact the sales team.{' '}\n      </p>\n\n      <p>\n        They have a process in place which has been set up as a result of continuous\n        experimentation.\n      </p>\n      <h3>4. Build an engaged community</h3>\n      <p>\n        The web is becoming increasingly social. With that in mind, investing in social channels is\n        a good way to cultivate customer loyalty for your company.{' '}\n      </p>\n\n      <p>\n        If you haven’t already, turn your content team into a social machine. Your team should\n        create a stream of steady social media posts on-brand with your company’s mission, focus,\n        and voice.{' '}\n      </p>\n\n      <p>\n        For example,{' '}\n        <Link\n          href=\"https://vpnguru.com/reviews/expressvpn/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          VPNGuru\n        </Link>{' '}\n        creates a series of reviews for the top VPN services. They not only create articles to\n        improve their search rankings and SEO, but they also create videos on YouTube to stay\n        visible on platforms that their audience uses.\n      </p>\n      <img src={img1} alt=\"summary - example\" loading=\"lazy\" title=\"Build an engaged community\" />\n      <p>\n        Source:{' '}\n        <Link\n          href=\"https://vpnguru.com/reviews/expressvpn/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          VPNGuru\n        </Link>\n      </p>\n      <p>The result will be an engaged following that looks forward to what you post next. </p>\n\n      <h3>5. Generate social proof</h3>\n      <p>\n        One great way to boost customer loyalty is to get people talking about their experiences and\n        switch your brand.\n      </p>\n\n      <p>\n        Use a site like Yelp or G2 to collect customer reviews and testimonials or share\n        user-generated content that focuses on telling the story of how and why people use your\n        products.{' '}\n      </p>\n\n      <p>\n        When you showcase the content produced directly by your most loyal customers, you’ll get a\n        head-start on boosting your customer loyalty across the board. For a brand that does it\n        well, look no further than{' '}\n        <Link\n          href=\"https://www.swagbucks.com/shop/old-navy-coupons\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Swagbucks\n        </Link>\n        .\n      </p>\n\n      <p>\n        The brand is excellent at witty social commentary and interacting with customers on social\n        media platforms.\n      </p>\n      <img src={img2} alt=\"twitter - swagbucks\" loading=\"lazy\" title=\"Generate social proof\" />\n      <p>\n        Source:{' '}\n        <Link\n          href=\"https://twitter.com/Swagbucks/status/1405949194846674947\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Twitter\n        </Link>\n      </p>\n      <h3>6. Generate an unbeatable UX</h3>\n      <p>\n        UX (which stands for user experience) is a powerful tool for driving ongoing customer\n        loyalty and engagement. While virtually every brand today has a website, not all of them\n        offer a great UX.{' '}\n      </p>\n\n      <p>\n        As you establish and fine-tune your online presence, make sure you’re paying special\n        attention to your UX. One of the best ways to do this is to collect website feedback as you\n        grow and scale.{' '}\n      </p>\n\n      <p>\n        While you may think your site looks nice, your customers might not think it functions well.\n        Heeding this feedback is a critical step in developing a functional, inviting, user-friendly\n        website that makes your customers want to keep coming back.{' '}\n      </p>\n      <p>\n        While this is a time-consuming process, it pays dividends down the road. You can use a\n        chatbot to take feedback from website visitors. You can even take interviews of your most\n        valuable users to get honest feedback about your products and services.\n      </p>\n\n      <p>For an example of a brand that dominates UX, turn to Amazon. </p>\n\n      <p>\n        Amazon has won the UX game with a streamlined interface and convenient options, like\n        one-click checkout.\n      </p>\n      <img src={img3} alt=\"amazon product\" loading=\"lazy\" title=\"Generate an unbeatable UX\" />\n      <p>\n        Source:{' '}\n        <Link\n          href=\"https://www.amazon.com/Homesick-Scented-Candle-Brazil-Version/dp/B088SJS1C6/ref=sr_1_1_sspa?dchild=1&keywords=home+decor&qid=1622219434&s=home-garden&sr=1-1-spons&psc=1&spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUEyUUJFMEdBTE5PR0pSJmVuY3J5cHRlZElkPUEwODg5Nzk2MUlIOUgzVUUxVVRBJmVuY3J5cHRlZEFkSWQ9QTA2NjU0MDgyVVlJTUo4N0FSTlZRJndpZGdldE5hbWU9c3BfYXRmJmFjdGlvbj1jbGlja1JlZGlyZWN0JmRvTm90TG9nQ2xpY2s9dHJ1ZQ==\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Amazon\n        </Link>\n      </p>\n      <h3>7. Poll customers</h3>\n      <p>\n        Collecting customer feedback is an essential component of customer loyalty, but it&apos;s\n        something many brands are simply afraid to do.{' '}\n      </p>\n\n      <p>\n        The more you talk to and listen to your customers, though, the better off you’ll be in the\n        long run. As you seek to maximize your customer acquisition efforts, it&apos;s smart to\n        invest in retaining your current customers.\n      </p>\n\n      <p>\n        Remember that customer churn is very expensive, and you want to keep your existing customer\n        happy enough to keep coming back. It’s also important that they recommend your brand to\n        friends, loved ones, and associates.{' '}\n      </p>\n      <p>\n        With that in mind, don’t stop learning. Keep polling your current customers to find out what\n        they’re happy with, what they’re not, and what they do differently. It’s an excellent way to\n        improve your offerings and keep customers coming back.{' '}\n      </p>\n\n      <p>\n        If you can keep your customers happy and satisfied with your products and services, they are\n        more likely to recommend you to their friends and family.{' '}\n      </p>\n      <h3>8. Build your team</h3>\n      <p>\n        Build your network of in-house and outsourced team members so you have the right skills for\n        the job. Building a hybrid team has advantages.{' '}\n      </p>\n\n      <p>\n        The more great people you can call on at any given moment, the better. Plus, having a large\n        network of team members means you’ll have a strong culture and a network large enough to\n        carry your{' '}\n        <Link\n          href=\"https://peoplemanagingpeople.com/articles/vision-statement-examples/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          company&apos;s mission\n        </Link>{' '}\n        forward.{' '}\n      </p>\n\n      <p>\n        Team building is one of the most important aspects of winning against your competitors.\n        Focus on building a strong team that can take challenges head-on while staying innovative.{' '}\n      </p>\n      <h2>Building Your Customer Loyalty Starts With Baby Steps</h2>\n      <p>\n        Apple-like customer loyalty doesn&apos;t happen overnight. Instead, you’ve got to build it\n        through a series of focused, dedicated efforts.{' '}\n      </p>\n\n      <p>\n        When you commit yourself to your brand and growing your network, you can quickly start to\n        reap the benefits of customer loyalty.{' '}\n      </p>\n\n      <p>\n        Even a few simple changes to your website can go a long way toward building your brand and\n        encouraging more customers to visit your site each day.\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '8 Top Tactics to Drive Customer Loyalty Through Your Website',\n  metaTitle: 'How to Drive Customer Loyalty Through Your Website',\n  url: '/blog/8-top-tactics-to-drive-customer-loyalty-through-your-website/',\n  description: `Learn how to drive customer loyalty through your website from the team of UX experts at livesession.io`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-07-19',\n  category: '',\n  group: 'Analytics',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorPawel as author } from 'data/authors';\n\nimport img from 'img/blog/updates/inspect-mode-cover.png';\nimport video1 from 'video/updates/inspect-mode-feature-news.webm';\nimport VideoModal from 'components/ui/video-modal';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        We just introduced a brand new feature called <strong>inspect mode</strong>.\n      </p>\n      <p className=\"mt-5\">\n        When you’re watching a recording, you can switch to the Page Insights tab. The recording\n        will stop and you’ll be able to select a particular element. This will allow you to browse\n        recordings in which the users have interacted with this element.\n      </p>\n      <p className=\"mt-5 mb-5\">\n        <VideoModal src={{ webm: video1 }} />\n      </p>\n      <p>You can choose to browse sessions according to two different variables:</p>\n      <ul>\n        <li>\n          <strong>CSS selector</strong> – For instance, if there are different “sign up” buttons on\n          the website, you can choose to see sessions where the users have interacted with one\n          particular “sign up” button.{' '}\n        </li>\n        <li>\n          <strong>Text</strong> – When you choose to see sessions where someone has interacted with\n          the “sign up” text, it will apply to all the “sign up” buttons and hyperlinks.{' '}\n        </li>\n      </ul>\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Inspect mode',\n  url: '/blog/inspect-mode/',\n  description:\n    \"Finding sessions with website elements' interactions it's now easier with inspect mode\",\n  author,\n  img,\n  date: '2019-11-10',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/cover-e545cfe6d2963df98ee232429d036201.png\";","module.exports = __webpack_public_path__ + \"static/intercomimg-8e598642626912dc8220f698aa05718d.png\";","module.exports = __webpack_public_path__ + \"static/workshop-9cbd33de5d2cad185f6d7ef88f6eebaf.png\";","module.exports = __webpack_public_path__ + \"static/landingi-8aa0e705ceec9c826bc58de8ac2619db.png\";","module.exports = __webpack_public_path__ + \"static/traffic-9fa679d7961846fb73a3319f904f5a0d.jpg\";","module.exports = __webpack_public_path__ + \"static/filters_redesign-c00b65d96e06828e4521122aaeb19e6d.png\";","module.exports = __webpack_public_path__ + \"static/dropdown-menu-type-of-error-1-f17a5971c486c3aa369143a0226b77b6.png\";","module.exports = __webpack_public_path__ + \"static/limited-time-sale-f6ab61b1ecec790baf5a81ce411cba15.png\";","module.exports = __webpack_public_path__ + \"static/moz-04c6cd6ced715c30209c2bdf48da36b5.png\";","module.exports = __webpack_public_path__ + \"static/postbetterux-1cf904605cfa3c45c9fd64d645e137d6.png\";","module.exports = __webpack_public_path__ + \"static/website-speed-18a3d6771e1fa8635b9a35e214a47f2f.png\";","module.exports = __webpack_public_path__ + \"static/ux-digital-marketers-812a9e69893da73e45800a4885753319.png\";","module.exports = __webpack_public_path__ + \"static/clickmaps1-a5b76a2b81d7275076d62e412d500ed8.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport ImageModal from 'components/ui/image-modal';\nimport { authorKamil as author } from 'data/authors';\n\nimport img from 'img/blog/updates/segemnts_options.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <p>\n        From now, you can easily share segments with your team. What&apos;s more, you can also set\n        visibility of a segment by turning on &quot;Related to website&quot; (it will be only\n        visible for the currently selected website).\n      </p>\n      <ImageModal\n        src={img}\n        alt=\"segment sharing\"\n        title=\"Create segment and share it with your team\"\n      />\n      <p className=\"mt-3\" />\n    </div>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Segment sharing',\n  url: '/blog/segment-sharing/',\n  description: 'Share segments with your team',\n  author,\n  img,\n  date: '2019-04-25',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    group={frontmatter.group}\n  />\n);\n","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport { useSourceParams } from 'hooks/useSourceParams';\nimport img from 'img/blog/5-ux-research-methods-for-the-remote-times/cover.png';\n\nimport img1 from 'img/blog/5-ux-research-methods-for-the-remote-times/lsrecord.png';\nimport img2 from 'img/blog/5-ux-research-methods-for-the-remote-times/nps.png';\nimport img3 from 'img/blog/5-ux-research-methods-for-the-remote-times/moscow.png';\n\nconst Content = () => {\n  const bannerLink = useSourceParams('banner');\n  return (\n    <Post>\n      <p>\n        Wondering how you can keep using your user research methods during the pandemic times? It’s\n        much easier than you think! Here’s a guide to adapting your UX methods to the remote times.\n      </p>\n      <p>\n        Before the global pandemic hit us, you had the option of conducting user experience research\n        either remotely or in-person. While the participants were performing tasks in a lab, you\n        could be watching how they behave and what obstacles they might encounter.\n      </p>\n      <p>\n        It seems like those times are not returning anytime soon. Nowadays, when social distancing\n        is crucial and avoiding gatherings is recommended, in-person research is simply out of the\n        question. Telling when (or if) it will be back is virtually impossible. No matter what’s\n        your industry or company size, adapting to the new, remote world is crucial. This also\n        applies to adapting your UX research methods.\n      </p>\n      <p>\n        Fortunately, remote user-search methods aren’t anything new. Companies have been conducting\n        remote user research for years, even if it was on a small scale. Even companies who didn’t\n        use remote UX research methods before can quickly adapt to using those methods of testing.\n        Below we’re listing the main advantages to convince you:\n      </p>\n      <h2>Benefits of remote UX testing</h2>\n      <ul>\n        <li>\n          <strong>Inexpensive</strong> – The main issue with in-person UX testing lies in the costs.\n          With remote research, you don’t have to pay for a fancy lab or travelling. As long as both\n          you and the participants have a laptop (or even a smartphone) and WiFi, you don’t need\n          much more. That makes remote UX research cheap enough even for small companies, or for\n          those with a tight budget.\n        </li>\n\n        <li>\n          <strong>Easier to organize </strong>– Organizing an in-person UX testing session does\n          require a good deal of logistics: agreeing the date and time, figuring out travel plans,\n          booking a room for testing, purchasing additional equipment, and much more. When it comes\n          to{' '}\n          <a\n            href=\"https://biz30.timedoctor.com/remote-meeting/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer nofollow\"\n          >\n            remote sessions\n          </a>\n          , you don’t have to worry about travel costs or booking lab facilities. Scheduling\n          meetings is also easier with dedicated tools, such as{' '}\n          <a href=\"https://harmonizely.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            Harmonizely\n          </a>\n          .\n        </li>\n\n        <li>\n          <strong>More research participants</strong> - Getting people from other cities to join\n          your stationary research would be complicated enough, not to mention if they’re all from\n          different countries. When it comes to remote tests, anyone can join as long as they have a\n          stable internet connection. Remote interview or testing is also far more convenient for\n          those with limited mobility, as well as people with small children. In other words, it’s\n          more inclusive.{' '}\n        </li>\n\n        <li>\n          <strong>Convenient for the participants </strong>– Not only the participants don’t need to\n          travel, but they can also use their own devices. They are more relaxed at home than in the\n          lab or in your office. What’s more, you’ll also get data from a range or different devices\n          so you can make sure your product works well on all of them.\n        </li>\n      </ul>\n      <h2>Qualitative and quantitative methods</h2>\n      <p>As a rule of thumb, we can divide UX research methods into two types:</p>\n      <ul>\n        <li>\n          <p>\n            <strong>Qualitative</strong> –{' '}\n            <a\n              href=\"/blog/guide-to-qualitative-ux-research/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Qualitative methods\n            </a>{' '}\n            can tell you more about your participant and their behaviour in a given situation. This\n            way, you can find out what they think and how they feel about your product or service,\n            how they use your product and what kind of comments they might have. Examples of\n            qualitative research methods include session recordings, questionnaires with open-ended\n            questions, and interviews.{' '}\n          </p>\n          <img src={img1} alt=\"LiveSession recording\" title=\"Snapshot from LiveSession App\" />\n        </li>\n\n        <li>\n          <p>\n            <strong>Quantitative</strong> – This type of research provides you with numerical data.\n            It can be used to find out how many times a specific link was clicked, how many people\n            have completed a particular action, or how many times a product was bought. The most\n            prominent examples of quantitative research include A/B tests and questionnaires with\n            close-ended questions, such as the Net Promoter Score.\n          </p>\n          <img src={img2} alt=\"Net Promoter Score\" title=\"NPS\" />\n          <p>\n            Source:{' '}\n            <a\n              href=\"https://www.surveymonkey.com/mp/net-promoter-score/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer nofollow\"\n            >\n              SurveyMonkey\n            </a>\n          </p>\n        </li>\n      </ul>\n      <p>\n        So, which approach should you use? This depends on what kind of data you need. If you’d like\n        to find out “how much” or “how many”, then the quantitative approach will be helpful. When\n        you’d like to see what kind of problems your users have, or why a specific thing is\n        happening, qualitative methods are what you need.\n      </p>\n      <p>\n        You can also combine qualitative methods with quantitative ones. For example, you might have\n        seen a “How would you rate your experience” survey with a field to add your own comment.\n        This is an example of a research method that gives you both a numerical value and an insight\n        on what the customer thinks about the interaction as a whole.\n      </p>\n      <h2>UX research methods to use remotely</h2>\n      <p>\n        Once you know what kind of data you need for your business, it’s time to choose the UX\n        research methods that would work best in your case. Here’s an overview of some of the most\n        popular ones you can easily use remotely.\n      </p>\n      <h3>Think-aloud protocol</h3>\n      <p>\n        It’s a popular usability testing method that also happens to be remote-friendly. In this\n        case, your participants can either use a released product or an interactive prototype.\n        They’re asked to describe their actions as they go, just like they’re thinking out loud.\n        This method is sure to bring insights if your users have issues with a specific task. If you\n        need to test your MVP, it will also come in handy.\n      </p>\n      <h3>MoSCoW method </h3>\n      <p>\n        When you think about remote user research, surveys and questionnaires are probably the first\n        things that come to mind. For instance, you can ask users about the features they’d like to\n        see, and use a dedicated framework to prioritize them. The <strong>MoSCoW method</strong> is\n        really simple and inexpensive. You present a list of features to the user and ask them\n        whether a particular solution is a <em>must have, nice to have, could have</em>, or if they\n        don’t care about it at all (<em>won’t have</em>).\n      </p>\n      <img src={img3} alt=\"MoSCow Prioritization\" title=\"MoSCoW method\" />\n      <h3>A/B tests</h3>\n      <p>\n        An affordable research method that doesn’t even require any involvement from the user! A/B\n        testing is a type of experiment when one part of the audience sees one version of the\n        website, and the second part sees another. You can then compare the results for both\n        variants and see which one is more effective. It’s an easy way to track how a single\n        variable impacts the user experience.\n      </p>\n      <p>\n        Want to read a bit more about A/B testing? You’ll enjoy our{' '}\n        <a\n          href=\"/tutorials/guide-to-ab-testing-with-livesession/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          handy A/B testing guide\n        </a>\n        .\n      </p>\n      <h3>In-depth interviews (IDI)</h3>\n      <p>\n        IDI is a purely qualitative method. In this case, you ask a single user about their needs,\n        expectations, or issues they’ve experienced while using a service or an app. It’s a great\n        way to get in-depth insights and step in the user’s shoes. What’s more, it might also be a\n        source of surprising findings you wouldn’t get to with quantitative methods.\n      </p>\n      <h3>Card sorting</h3>\n      <p>\n        Card sorting is about asking participants to sort topics or ideas into either already given\n        categories (closed card sorting) or ones they created themselves (open card sorting). This\n        makes it easier for you to understand how the users assign content into categories, and how\n        you can make navigation more intuitive.\n      </p>\n      <h2>\n        Useful t<strong>ools for remote research</strong>\n      </h2>\n      <p>\n        <strong> </strong>\n      </p>\n      <p>\n        Found a method to suit your needs? Great! Now it’s time to focus on choosing the right tools\n        for your remote study. We’re well aware that the number of UX tools available on the market\n        right now is quite large. If you’re not quite sure what you need, you might get easily\n        confused. We’re here to help you out:\n      </p>\n      <h3>Video communication tools</h3>\n      <p>\n        If you’re working remotely, it’s pretty likely you’re using a video{' '}\n        <a\n          href=\"https://www.smarttask.io/blog/communication-tools\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          communication tool\n        </a>{' '}\n        daily. They’re essential for remote research, too. When you decide on one, make sure it\n        allows you to record the session so you can analyze it later.\n      </p>\n      <p>\n        <strong>Our choice for remote UX research:</strong>{' '}\n        <a href=\"https://zoom.us/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Zoom\n        </a>\n      </p>\n      <h3>Session recording tools</h3>\n      <p>\n        These tools are a brilliant source of qualitative data. Watching a session replay feels a\n        lot like you’re sitting next to the user. Thanks to them, you can find plenty of areas for\n        improvement.\n      </p>\n      <p>\n        <strong>Our choice for remote research: </strong>\n        <a href=\"/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          LiveSession\n        </a>\n      </p>\n      <a className=\"action-banner\" href={bannerLink.link} target=\"_blank\" rel=\"noopener noreferrer\">\n        Test LiveSession now and see how easy it is. Try it for free.\n      </a>\n      <h3>Note-taking tools </h3>\n      <p>\n        During the sessions, you’ll be taking a lot of notes. Having them on sheets on paper or\n        sticky notes might be a bit troublesome – it’s not hard to lose some of them! Fortunately,\n        there are tools to help you organize and then analyze your notes. With those, you can keep\n        all of your data in one place and come back to it anytime.\n      </p>\n      <p>\n        <strong>Our choice for remote UX testing sessions:</strong>{' '}\n        <a\n          href=\"https://www.optimalworkshop.com/reframer/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          Reframer\n        </a>\n      </p>\n      <h3>A/B testing tools</h3>\n      <p>\n        Last but not least, there’s a{' '}\n        <a\n          href=\"https://www.g2.com/categories/a-b-testing\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n        >\n          choice of tools\n        </a>{' '}\n        that make setting up A/B experiments as easy as possible. Most of them provide you with a\n        ready-to-analyze statistical analysis so you can draw actionable insights right away.\n      </p>\n      <p>\n        <strong>Example:</strong>{' '}\n        <a href=\"https://www.optimizely.com/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n          Optimizely\n        </a>\n      </p>\n      <h2>What’s next for remote research</h2>\n      <p>\n        It looks like we won’t be returning to our usual ways anytime soon. Because of this,\n        learning how to use remote UX research methods is sure to prove useful. It might seem\n        challenging at first to set everything up remotely, especially if you were used to in-person\n        meetings. Luckily, there’s a wide range of remote research tools to help you out. Who knows,\n        maybe it will turn out that you actually prefer remote research? Why not give it a try?\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '5 UX Research Methods for the Remote Times',\n  url: '/blog/5-ux-research-methods-for-the-remote-times/',\n  description: `When social distancing is crucial and avoiding gatherings is recommended, in-person UX research is out of the question. Adapting to the new, remote world is vital. That also means adapting your UX research methods.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-08-17',\n  category: '',\n  group: 'Research',\n  timeToRead: 7,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/popup-4467bd7c3cee165ef82e24cf13d0f2ef.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\nimport styled from 'styled-components';\nimport img from 'img/blog/user-frustration/frustration.png';\nimport img1 from 'img/blog/user-frustration/image1.jpg';\nimport img2 from 'img/blog/user-frustration/image2.jpg';\nimport img3 from 'img/blog/user-frustration/image3.jpg';\nimport img4 from 'img/blog/user-frustration/image4.jpg';\n// import rageClickPhoto from \"img/featurePhotos/rage-clicks.svg\";\nimport topListPhoto from 'img/featurePhotos/toplistphoto.svg';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n    line-height: 2rem;\n  }\n  h3 {\n    font-size: 1.1rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n  }\n  h4 {\n    color: #777;\n    font-weight: 700;\n    font-size: 1rem;\n  }\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>\n        The web can be a source of all kinds of emotions, ranging from pure happiness to sheer\n        frustration. Of course, everyone wants to avoid the latter – and not without a reason.\n        According to research conducted at{' '}\n        <a\n          href=\"https://www.livescience.com/1827-bad-memories-stick-good.html\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Boston College\n        </a>\n        , we tend to remember the negative things in more detail than the positive ones. Once\n        something frustrating happens, it’s more likely to stick than the good things.{' '}\n        <a\n          href=\"https://www.pwc.com/us/en/services/consulting/library/consumer-intelligence-series/future-of-customer-experience.html\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          PWC’s report\n        </a>{' '}\n        reflects this dependence, as it claims that 32% of customers are likely to abandon the brand\n        they loved after just one bad experience.\n      </p>\n      <p>How do you prevent frustration from happening? And what can you do once it arises?</p>\n      <p>In this article, we’re going to cover the following topics:</p>\n      <ul>\n        <li>how to detect user frustration in the early stages</li>\n        <li>what are the different kinds of user frustration</li>\n        <li>how to find out why your users are frustrated</li>\n        <li>what can you do to prevent and reduce frustration</li>\n      </ul>\n      <p>Keep reading to improve your user experience and make your visitors happier!</p>\n      <br />\n      <h2>What causes user frustration</h2>\n      <h3>Errors</h3>\n      <img\n        src={img3}\n        alt=\"errors\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        title=\"User frustration\"\n        loading=\"lazy\"\n      />\n      <p>\n        According to a UX survey conducted by{' '}\n        <a\n          href=\"https://clutch.co/web-designers/resources/user-experience-top-websites-2018\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Clutch\n        </a>\n        , <b>unreliability</b> is one of the main causes of frustration when using a website. The\n        same survey suggests that 63% of users (which is almost two-thirds) will abandon a website\n        permanently if they find it unreliable.\n      </p>\n      <p>\n        This means that if a user stumbles upon a broken link, an irrelevant CTA button or a 404\n        error, they probably won’t be patient enough to stay and try again. Therefore, errors on\n        your website are the burning issue that needs to be solved right away. They prevent the user\n        from fulfilling their main goal – and why would they stay, if they can’t get what they want?\n      </p>\n      <h3>The tyranny of choice</h3>\n      <img\n        src={img2}\n        alt=\"The-tyranny-of-choice\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        title=\"Colors\"\n        loading=\"lazy\"\n      />\n      <p>The more, the better – or is it?</p>\n\n      <p>\n        You might think that offering a bigger choice to the visitor will make them happier.\n        Research by an American psychologist{' '}\n        <a\n          href=\"https://www.ted.com/talks/barry_schwartz_the_paradox_of_choice\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Barry Schwartz\n        </a>{' '}\n        suggests that having too much choice leads to anxiety and, you guessed it, frustration.{' '}\n      </p>\n\n      <p>\n        This phenomenon can be explained through the main principles of cognitive psychology. No\n        matter how trivial, every choice is a cognitive load. Our resources are limited and, if\n        possible, we refrain from making too many decisions. If the user is faced with too many\n        decisions, they’re quite likely to choose the easy way – <i>decision avoidance</i>. For you,\n        it means they will just leave the website.{' '}\n      </p>\n      <p>\n        That’s not the only explanation, though. Schwartz also claims that no matter what we choose,{' '}\n        <a\n          href=\"https://www.justinmind.com/blog/the-paradox-of-choice-ux-design/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          we won’t be entirely happy\n        </a>{' '}\n        – because what if there was a better alternative and we rejected it?\n      </p>\n      <p>\n        So, how does it apply to web design and UX?{' '}\n        <a href=\"https://eightshapes.com/dan-brown.html\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Dan Brown\n        </a>\n        , an information architecture guru, came up with the <b>principle of choices</b> – the point\n        is to give your users a certain degree of freedom, but not overwhelm them with options.\n        Instead of confronting people with a lot of decisions at once, the user journey can be\n        simplified or divided into smaller steps. One of the best ways to make that happen is{' '}\n        <b>search filtering</b>, like in the case of most clothing retailers. Instead of browsing\n        thousands of items, you can focus on little black dresses instead.\n      </p>\n      <h3>Page speed</h3>\n      <img\n        src={img1}\n        alt=\"Page-speed\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        title=\"Page speed\"\n        loading=\"lazy\"\n      />\n      <p>\n        In the age of everything fast, we want to access the information right away. How fast is\n        right away, though?\n      </p>\n      <p>\n        <a\n          href=\"https://www.namogoo.com/blog/the-connection-between-page-load-speeds-and-user-experience/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          40% of users\n        </a>{' '}\n        will abandon your website if it takes more than 3 seconds to load. And that’s not all – the\n        visitors are even more demanding when it comes to mobile experiences. According to{' '}\n        <a\n          href=\"https://www.thinkwithgoogle.com/intl/en-154/insights-inspiration/research-data/need-mobile-speed-how-mobile-latency-impacts-publisher-revenue/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Google\n        </a>{' '}\n        itself, 53% are likely to leave a website if it’s loading for more than 3 seconds on a\n        mobile device.\n      </p>\n      <p>\n        So, is it alright if you manage below the magical 3-second benchmark and just leave it\n        there?\n      </p>\n      <p>\n        Well, not exactly. It’s more like <i>every little helps</i>.\n      </p>\n      <p>\n        When it comes to companies like Amazon, even a 0.1 increase in page loading time results in\n        a 1% decrease in sales. In terms of an e-commerce giant like that, we’re talking about a{' '}\n        <a\n          href=\"https://www.perficientdigital.com/insights/our-research/page-speed-guide\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          $1.3 billion\n        </a>{' '}\n        annual loss. Even if you’re not running a huge international business, improving your\n        website speed can be a quick win, too.\n      </p>\n      <h3>Misleading communication</h3>\n      <img\n        src={img4}\n        alt=\"Misleading-communication\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        title=\"Communication\"\n        loading=\"lazy\"\n      />\n      <p>\n        Your users won’t find what they’re looking for if they don’t know where to look for it –\n        simple as that.\n      </p>\n      <p>\n        Communication can be misleading on many levels. You might be using tech jargon and not see\n        any problem with it, but your visitors still won’t understand what you’re trying to say.\n        Reinventing the wheel usually isn’t working either – if a certain action, or a feature, is\n        commonly known as “X”, most of the time it doesn’t make much sense to rename it. Instead of\n        making your users curious, you’re more likely to confuse them instead.\n      </p>\n      <p>\n        Most communication errors don’t lead to complete resignation, but they make the process\n        unnecessarily complicated. When it comes to improving{' '}\n        <a href=\"/blog/improving-customer-experience/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          customer experience\n        </a>\n        , it’s a huge field for improvement.\n      </p>\n      <h2>Detecting user frustration </h2>\n      <img\n        src={topListPhoto}\n        alt=\"Page-speed\"\n        className=\"img-fluid justify-content-center mb-5 mt-3\"\n        title=\"Detecting user frustration\"\n        loading=\"lazy\"\n      />\n      <h3>Session replay</h3>\n      <p>\n        To find the sources of frustration, you need to see what the users are doing on your\n        website. Session recording tools like{' '}\n        <a href=\"https://livesession.io/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          LiveSession\n        </a>{' '}\n        will help you get started. Certain on-screen behaviours are a clear indication that\n        something is not going right. Some of the most prominent ones include <i>error clicks</i>{' '}\n        and <i>rage clicks</i>.\n      </p>\n      <h3>Error clicks</h3>\n      <p>\n        Ever clicked on something that was supposed to be clickable and it wasn’t working? This is\n        what we call an <b>error click</b>. Technically speaking, error clicks are detected when a\n        JavaScript error occurs. And less technically speaking, this feature allows you to find out\n        immediately when something is broken on your website.\n      </p>\n      <h3>Rage clicks</h3>\n      <p>\n        <b>Rage clicks</b>, on the other hand, are detected when the user clicks on the same feature\n        very fast, multiple times in a row. This is a very clear indicator that they’re frustrated.\n        It might happen when they’re trying to move to the next step, send a form or purchase\n        something and the button is not working.\n      </p>\n      <p>\n        If you would like to learn more, you might be interested in our{' '}\n        <a\n          href=\"https://livesession.io/blog/error-rage-clicks/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          in-depth article on error clicks and rage clicks\n        </a>\n        .\n      </p>\n      <h3>User surveys</h3>\n      <p>\n        Most of the time, when the visitor is frustrated, they won’t stick around for too long –\n        hence they won’t fill any survey that pops up. This doesn’t mean you shouldn’t use surveys\n        altogether, though! This method can be really helpful when it comes to collecting feedback\n        from returning users. When someone’s loyal to your brand and they’ve been using your product\n        for a long time, they’re very likely to have some interesting insights and suggestions.\n      </p>\n      <h2>How to reduce frustration</h2>\n      <h3>Keep your website consistent</h3>\n      <p>\n        This requires a certain level of{' '}\n        <a\n          href=\"https://www.invisionapp.com/design-better/design-maturity-model/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          design maturity\n        </a>{' '}\n        , but it’s sure to pay off in the long run.\n      </p>\n\n      <p>\n        If you’ve been working on your product for a while now, there were probably different people\n        and different methods involved. When you run a{' '}\n        <a\n          href=\"https://usabilitygeek.com/ux-audit-beginners-guide/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          UX audit\n        </a>{' '}\n        and a{' '}\n        <a\n          href=\"https://www.quicksprout.com/content-audit/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          content audit\n        </a>{' '}\n        of your website, you’ll soon notice that not all pages are designed according to the same\n        rules and some elements have different names across the website.\n      </p>\n      <p>\n        Now, try looking at this state of things from the perspective of your user. Wouldn’t that\n        feel confusing if one feature had different design and a different name, depending on how\n        you reach it? You don’t always think about it when creating your digital product, yet your\n        users are going to notice this at first glance – and they might find it incredibly\n        misleading and frustrating.\n      </p>\n      <h3>Combine qualitative and quantitative analytics</h3>\n      <p>\n        Your bounce rates may tell you where to look, but they won’t tell you exactly why the users\n        leave your website. Combining your quantitative data (e.g.{' '}\n        <a\n          href=\"https://livesession.io/help/google-analytics-integration/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Google Analytics\n        </a>\n        ) with qualitative insights from LiveSession will help you understand when and why your\n        users are getting frustrated.\n      </p>\n      <h2>Summary</h2>\n      <p>\n        The key to preventing user frustration and handling it effectively is{' '}\n        <i>in-depth research and monitoring</i>. We highly encourage you to track user behavior and\n        analyze it in order to find fields for improvement. Thanks to tools like LiveSession, you’ll\n        be able to spot the most urgent issues immediately, too.{' '}\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Understanding user frustration',\n  url: '/blog/user-frustration',\n  description:\n    'The web can be a source of all kinds of emotions, ranging from pure happiness to sheer frustration. Of course, everyone wants to avoid the latter – and not without a reason.',\n  author,\n  img,\n  imgSocial: img,\n  date: '2019-10-18',\n  category: '',\n  imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n  group: 'Articles',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    descriptionSocial=\"The web can be a source of all kinds of emotions, ranging from pure happiness to sheer frustration. Of course, everyone wants to avoid the latter – and not without a reason.\"\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/localization-feature-news-8b06fc10054d1de24c7fdf573e922984.webm\";","module.exports = __webpack_public_path__ + \"static/user-roles-9f08205e750083dcaf0213fb72fb343b.png\";","module.exports = __webpack_public_path__ + \"static/tipsmanagers-f7ac38c02ad00900cc5eeee29d337708.png\";","module.exports = __webpack_public_path__ + \"static/engagement-score-b8256fa79346f4aa14aeaa93cf860275.png\";","module.exports = __webpack_public_path__ + \"static/custom-events3-b6e853f11852583e71806d0c5811d609.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorSzymon as author } from 'data/authors';\n\nimport img from 'img/blog/updates/csv.png';\nimport video1 from 'video/updates/csv-video.webm';\nimport styled from 'styled-components';\nimport VideoModal from 'components/ui/video-modal';\n\nconst Container = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n  }\n  h3 {\n    font-size: 1.1rem;\n    line-height: 1.8rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n`;\n\nconst VideoContainer = styled.div`\n  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);\n`;\n\nconst Content = () => {\n  return (\n    <Container>\n      <p>You can now export a top lists to CSV with a single click.</p>\n\n      <p className=\"mt-5 mb-5\">\n        <VideoContainer>\n          <VideoModal className=\"video-shadow\" src={{ webm: video1 }} />\n        </VideoContainer>\n      </p>\n\n      <p className=\"mt-3\">\n        We hope you like it! Other new improvements are coming soon. If you think something needs\n        improvement, or do you have an idea for functionality? Write to us:{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Container>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Export to CSV your top lists',\n  url: '/blog/export-to-csv-your-top-lists',\n  description: 'Top lists in the CSV file with one click',\n  author,\n  img,\n  date: '2019-08-16',\n  category: 'Product Updates',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    group={frontmatter.group}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    descriptionSocial={frontmatter.descriptionSocial || frontmatter.description}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/utm-8f8f20ec106113b4c46228e96b36597e.png\";","module.exports = __webpack_public_path__ + \"static/user_details-2ca90d3abbd3efa02ffc62c146feb7b0.png\";","var baseFlatten = require('./_baseFlatten'),\n    baseOrderBy = require('./_baseOrderBy'),\n    baseRest = require('./_baseRest'),\n    isIterateeCall = require('./_isIterateeCall');\n\n/**\n * Creates an array of elements, sorted in ascending order by the results of\n * running each element in a collection thru each iteratee. This method\n * performs a stable sort, that is, it preserves the original sort order of\n * equal elements. The iteratees are invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {...(Function|Function[])} [iteratees=[_.identity]]\n *  The iteratees to sort by.\n * @returns {Array} Returns the new sorted array.\n * @example\n *\n * var users = [\n *   { 'user': 'fred',   'age': 48 },\n *   { 'user': 'barney', 'age': 36 },\n *   { 'user': 'fred',   'age': 30 },\n *   { 'user': 'barney', 'age': 34 }\n * ];\n *\n * _.sortBy(users, [function(o) { return o.user; }]);\n * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 30]]\n *\n * _.sortBy(users, ['user', 'age']);\n * // => objects for [['barney', 34], ['barney', 36], ['fred', 30], ['fred', 48]]\n */\nvar sortBy = baseRest(function(collection, iteratees) {\n  if (collection == null) {\n    return [];\n  }\n  var length = iteratees.length;\n  if (length > 1 && isIterateeCall(collection, iteratees[0], iteratees[1])) {\n    iteratees = [];\n  } else if (length > 2 && isIterateeCall(iteratees[0], iteratees[1], iteratees[2])) {\n    iteratees = [iteratees[0]];\n  }\n  return baseOrderBy(collection, baseFlatten(iteratees, 1), []);\n});\n\nmodule.exports = sortBy;\n","module.exports = __webpack_public_path__ + \"static/tools-631bf2df9856c5329bfa9bf7c2ba45c7.png\";","module.exports = __webpack_public_path__ + \"static/cover-d99ded1aa3f37725e49c27ae4a14a90d.png\";","module.exports = __webpack_public_path__ + \"static/tap-tracking-028eeca0ad2ad295fe5f0b0fd4eb0994.png\";","module.exports = __webpack_public_path__ + \"static/converse-dee4e15fc7516bf5bfd84f37194fe2e0.png\";","var isSymbol = require('./isSymbol');\n\n/**\n * Compares values to sort them in ascending order.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {number} Returns the sort order indicator for `value`.\n */\nfunction compareAscending(value, other) {\n  if (value !== other) {\n    var valIsDefined = value !== undefined,\n        valIsNull = value === null,\n        valIsReflexive = value === value,\n        valIsSymbol = isSymbol(value);\n\n    var othIsDefined = other !== undefined,\n        othIsNull = other === null,\n        othIsReflexive = other === other,\n        othIsSymbol = isSymbol(other);\n\n    if ((!othIsNull && !othIsSymbol && !valIsSymbol && value > other) ||\n        (valIsSymbol && othIsDefined && othIsReflexive && !othIsNull && !othIsSymbol) ||\n        (valIsNull && othIsDefined && othIsReflexive) ||\n        (!valIsDefined && othIsReflexive) ||\n        !valIsReflexive) {\n      return 1;\n    }\n    if ((!valIsNull && !valIsSymbol && !othIsSymbol && value < other) ||\n        (othIsSymbol && valIsDefined && valIsReflexive && !valIsNull && !valIsSymbol) ||\n        (othIsNull && valIsDefined && valIsReflexive) ||\n        (!othIsDefined && valIsReflexive) ||\n        !othIsReflexive) {\n      return -1;\n    }\n  }\n  return 0;\n}\n\nmodule.exports = compareAscending;\n","module.exports = __webpack_public_path__ + \"static/ecommerce-ux-081fa06312a7ee84026aa19172d1ebea.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorJustin as author } from 'data/authors';\nimport img from 'img/blog/covers/student-exeperience.png';\nimport img1 from 'img/blog/10-ux-tricks-to-improve-student-experience/1-grammarly.png';\nimport img2 from 'img/blog/10-ux-tricks-to-improve-student-experience/2-google-basics-of-ux.png';\nimport img3 from 'img/blog/10-ux-tricks-to-improve-student-experience/3-brainly-design-system-watch-your-competition.png';\nimport img4 from 'img/blog/10-ux-tricks-to-improve-student-experience/4-mozilla-geo-api.png';\nimport img5 from 'img/blog/10-ux-tricks-to-improve-student-experience/8-cta.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        UX or UE is short for user experience. It describes the interaction between the user and a\n        product or service. User experience takes into account utility, usability, and efficiency.\n        The UX is an essential factor when designing a business. User-friendliness increases\n        positive brand perception and increases profitability in the long run.{' '}\n      </p>\n      <p>\n        User experience isn’t exclusively related to websites and online ventures. The concept\n        applies to most products and services, even from brick-and-mortar industries. However, the\n        most common occurrence of UX notions relates to website design. Having an online platform\n        that provides added value and is easy to use is vital. For instance, 14% of people visiting\n        a college’s website want to know more about the institution. Now, if the website has poor\n        UX, the conversion rate is lower. Meaning that because of bad UX, fewer students are going\n        to consider signing up at that school. Surveys from Research in Higher Education Journal\n        found that a college website was an “important” factor in deciding campus attendance.\n        Participants also indicated that an “attractive and clear” website is more appealing and\n        influenced them the most.{' '}\n      </p>\n      <p>\n        Although somewhat subjective, there are a few points you should take into account when\n        designing a website to increase the student experience. Let’s have a look:{' '}\n      </p>\n      <h2>1. Digitalize through dedicated school apps </h2>\n      <p>\n        Students need tools to study and get their homework done. An excellent way to improve UX is\n        to provide school-related apps on your website. It’s best if you could embed the apps\n        directly on your website. But alternatively, you could create a hyperlink list of useful\n        apps such as:{' '}\n      </p>\n      <ul>\n        <li>\n          GeoGebra.org is a math graph calculator, equation solver, and function sketcher. Teachers\n          and students can use it. Also, they can share worksheets and visualize designs in both 2D\n          and 3D.\n        </li>\n        <li>\n          Grammarly.com is a writing application that corrects grammar and checks for plagiarism.\n          This app is perfect for an essay writer because it fixes grammar, punctuation, and syntax\n          errors.\n        </li>\n        <li>\n          Carolina Biological Supply is an app that lists all major chemistry formulas. The\n          application allows students to exercise the nomenclature of different substances.\n        </li>\n        <li>\n          PomoDoneApp is an anti-distraction program that follows the Italian Pomodoro technique of\n          Francesco Cirillo. It’s customizable, but basically, the app creates 25-minute work cycles\n          with 5 minutes breaks.{' '}\n        </li>\n        <li>\n          Formula MAX is also a formula application in physics, mathematics, and chemistry. It’s a\n          handy app that allows an easy search for the vast majority of notions and formulas.\n        </li>\n        <li>\n          Readabilityformulas.com is a website that checks the readability of a text. This last app\n          on our list provides an in-depth readability analysis of a text. It’s an instrumental\n          program for students attending liberal sciences.{' '}\n        </li>\n      </ul>\n      <img\n        src={img1}\n        alt=\"grammarly\"\n        className=\"img-fluid justify-content-center mb-5 mt-5\"\n        loading=\"lazy\"\n        title=\"Grammarly webiste\"\n      />\n      <h2>2. Analyze your competition’s UX strategy </h2>\n      <p>\n        It’s always best to compare your product with the competition. Make a list of all the\n        industry-leading players in your market. Examine your strengths and weaknesses related to\n        your competition. See where you can get better. To win more customers, survey the most\n        desirable aspects of your product. Improve your most sought-after features and expand your\n        clientele.{' '}\n      </p>\n      <h3>How to analyze your UX competitor</h3>\n      <p>There are multiple ways to examine your competitors. However, two points are vital: </p>\n      <ul>\n        <li>A. Researching other companies for information relating to their UX strategy </li>\n        <li>B. Adapting acquired knowledge to suit your website </li>\n      </ul>\n      <p>\n        Starting a competition analysis entails knowing everything about your service. Then, it’s\n        time to compare your service to leading competitors. The comparison is based on standard\n        principles called heuristics. A heuristic evaluation measures the user interface design by\n        specific criteria. More precisely, the assessment considers UI patterns, system consistency,\n        searchability, error incidence, etc.{' '}\n      </p>\n      <p>\n        Daniel Newman, a Forbes contributor, puts into perspective the importance of competitor\n        analysis:{' '}\n      </p>\n      <p>\n        <i>\n          “You can’t see what’s wrong with your UX if you don’t examine the data. Clients will move\n          to another website if the experience isn’t flawless. There are just too many alternatives\n          to stay on a sub-par website.”\n        </i>\n      </p>\n      <img\n        src={img2}\n        alt=\"google-basics-of-ux\"\n        className=\"img-fluid justify-content-center mb-5 mt-5\"\n        loading=\"lazy\"\n        title=\"Analyze your competition’s UX strategy\"\n      />\n      <h2>3. Consider context when designing UX interface</h2>\n      <p>\n        {' '}\n        The UX design has to be evaluated by all team members, not just the programmers. Otherwise,\n        you’ll risk designing a UX interface that’s not right for every-day use. Considering context\n        means analyzing real-life situations. Set up surveys and eye-tracking studies to see how do\n        people effectively interact with your platform.\n      </p>\n      <p>\n        Statistical data can deliver valuable input. For instance, is the general user a frequent\n        consumer or habitual? Where does he look first? Are there any stutter-points in his\n        navigation? Once you know how your typical user behaves, you can start building or updating\n        your UX.{' '}\n      </p>\n      <h3>Watch your competition</h3>\n      <p>\n        Industry-leading companies in your field are likely to have sponsored customer behavior\n        researches for their UX. Observe their layout, obtain as much information, and try to emula\n        te their strategy.{' '}\n      </p>\n      <img\n        src={img3}\n        alt=\"brainly-design-system-watch-your-competition\"\n        className=\"img-fluid justify-content-center mb-5 mt-5\"\n        loading=\"lazy\"\n        title=\"Consider context when designing UX interface\"\n      />\n      <h2>4. Use the right semantics through geo-localization </h2>\n      <p>\n        Add geo-localization that changes the website’s language. This way, you’ll use the right\n        words even for international users. There are a ton of language tools you can use. You’ll\n        drastically improve UX just through this small plug-in app.{' '}\n      </p>\n      <img\n        src={img4}\n        alt=\"mozilla-geo-api\"\n        className=\"img-fluid justify-content-center mb-5 mt-5\"\n        loading=\"lazy\"\n        title=\"Use the right semantics through geo-localization\"\n      />\n      <h2>5. Allow personalization of in-page features</h2>\n      <p>\n        Loyal users will want to customize their account and in-page features. It’s best if you\n        allocate some resources to making pages as customizable as possible. Think about it; you’re\n        designing a website for students who’ll spend considerable time on your pages. Why not\n        provide personalization options for him so that his stay is even more pleasurable?{' '}\n      </p>\n      <p>\n        You want to create a website that’s useful for the student throughout the day. Devise custom\n        features so the student can make your website his home.{' '}\n      </p>\n      <h2> 6. Avoid text clutter with white spaces </h2>\n      <p>\n        White spaces are vital in showcasing text and website elements. They provide a buffer zone\n        for the human eyes to scan information. An aerated page is more efficient and attractive. By\n        using white spaces, you improve the page’s color contrast. Designers can use it as a\n        framework to highlight important info.{' '}\n      </p>\n      <h3>Strive for balance </h3>\n      <p>\n        Very few people prefer cluttered websites. Having too many elements piled up together with\n        unnecessary graphics lowers comprehension. Conversely, empty-looking pages aren’t popular\n        either. The best thing is to deliver the right amount of information at the right time.\n        Displaying too much is overwhelming, while too little is just – disappointing.{' '}\n      </p>\n      <h2>7. Add a custom night-mode switch</h2>\n      <p>\n        Although a simple plug-in, most websites don’t have a night-mode feature, and they’re losing\n        out. Some clients will even abandon a site if it doesn’t have a dark mode. It’s especially\n        true for websites where there’s a lot of reading or writing. For instance, college paper\n        writing services or local digital newspapers can benefit from a visible dark-mode switch.\n        Firstly, the night-mode can save up battery up to 60%. Secondly, the user’s eyes don’t hurt\n        that much. Sum both factors up, and you have a user that spends much more time on your\n        website. He’ll even bookmark it because of this.{' '}\n      </p>\n      <h2>8. Implement visible call-to-action buttons </h2>\n      <p>\n        Figure out your main calls-to-action and plan them out through the site map. It’s important\n        to remind users of their options and possibilities. Examine your users’ primary navigation\n        routes and implement sticky or visible buttons, especially for mobile and tablet.\n      </p>\n      <h3>Apply to mobile and tablets too</h3>\n      <p>\n        The website’s architecture differs from PC to other devices. Run some tests for mobile and\n        tablets. You’ll most likely have to use fewer call-to-actions due to less space.{' '}\n      </p>\n      <img\n        src={img5}\n        alt=\"register\"\n        className=\"img-fluid justify-content-center mb-5 mt-5\"\n        loading=\"lazy\"\n        title=\"Apply to mobile and tablets too\"\n      />\n      <h2>9. Speed-up your website loading times</h2>\n      <p>\n        Nobody likes a lagging website. For instance, 47% of clients expect a page loading time of\n        under two seconds. More so, 39% of those users will immediately leave if the loading time is\n        too long. So, you could lose almost half of the users with a slow website. Improving loading\n        time is vital. Studies from Google show that loading times directly influence how much the\n        user spends surfing and his happiness.{' '}\n      </p>\n      <h3>Optimize speed on all devices </h3>\n      <p>\n        Google’s SEO also ranks websites based on their loading times. Since 2018, Google ranks\n        mobile websites based on their page loading times. It means that slower websites are ranked\n        lower than faster ones. So, if you want more visibility, optimize PC, mobile, and tablet\n        webpages.\n      </p>\n      <h2>10. Improve security and brand trust</h2>\n      <p>\n        Privacy is essential today. Some 95% of Americans are worried about how companies are using\n        their data. Every website prompt asking for data is going to stir concern from your typical\n        user. Try to reassure the user through non-invasive methods such as geolocation. Also,\n        create a dedicated page where you explain your data needs and how you use them. Pair up with\n        leading anti-virus companies to further encourage users to stay on your website.{' '}\n      </p>\n      <p>\n        {' '}\n        Improving your UX for a better student experience is a multilateral endeavor. It’s best to\n        provide all the tools needed for a student directly on your website. Also, make sure you\n        compare yourself with your competitors to see where you can improve. Try to allow in-page\n        personalization as much as possible, as well as speeding up your loading time. Don’t forget\n        to add dark mode, language geo-localization, and increase security. Finally, implement\n        visible call-to-action buttons, don’t clutter text, and consider that mobile and tablets\n        layout pages differently.{' '}\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: '10 best UX tricks you should adapt to improve “student experience”',\n  metaTitle: '10 UX Tricks to Improve “Student Experience”',\n  url: '/blog/10-ux-tricks-to-improve-student-experience/',\n  description: `14% of people visiting a college’s website want to know more about the institution. Because of bad UX, fewer students are going to consider signing up at that school.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2021-05-05',\n  category: '',\n  group: 'Design',\n  timeToRead: 6,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    metaTitle={frontmatter.metaTitle}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/funnels1-8413f6ead7bdc6a5e870c23933a47e26.png\";","module.exports = __webpack_public_path__ + \"static/share-session-13c5d65a3e5bcb16872cb4d8bb3c7ab4.png\";"],"sourceRoot":""}