{"id":1766,"date":"2025-04-14T16:19:48","date_gmt":"2025-04-14T08:19:48","guid":{"rendered":"https:\/\/safetalk.space\/blog\/?p=1766"},"modified":"2026-02-16T14:37:41","modified_gmt":"2026-02-16T06:37:41","slug":"how-to-add-a-safetalk-booking-widget-to-your-website","status":"publish","type":"post","link":"https:\/\/safetalk.space\/blog\/how-to-add-a-safetalk-booking-widget-to-your-website\/","title":{"rendered":"How to Integrate Your SafeTalk&#8217;s Booking Widget Into Your Website"},"content":{"rendered":"<div data-post-content>\n<p>When a potential client visits your website, it&#8217;s often their first impression of your practice. A seamless, customized booking experience not only builds trust but also reinforces the professionalism and legitimacy of your services.<\/p>\n\n\n\n<p>With SafeTalk, you can embed a fully branded booking widget directly onto your homepage, services page, or any other section of your website. This allows clients to schedule sessions with ease\u2014while giving you full control over how your practice is presented online.<\/p>\n\n\n\n<figure class=\"wp-block-video rounded-2xl-custom\"><video autoplay loop muted src=\"https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/04\/safetalk-iframe.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\"><em>Here\u2019s what the SafeTalk booking flow looks like on a real site<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why it\u2019s helpful to add a SafeTalk booking widget:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Makes booking easy and immediate<\/strong>: Clients can book sessions anytime, without needing to message or wait for a reply<br><\/li>\n\n\n\n<li><strong>Creates a more professional experience<\/strong>: A booking form or button shows your practice is organized and ready to welcome clients.<br><\/li>\n\n\n\n<li><strong>Saves you time<\/strong>: No more back-and-forth scheduling &#8211; <strong>SafeTalk<\/strong> handles availability, service selection, and session confirmation for you<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"get-your-widget\">Get Your Booking Widget Link from your SafeTalk Account<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your SafeTalk account.<br><\/li>\n\n\n\n<li>From the dashboard, go to <strong>My Practice \u2192 Booking Page.<\/strong><br><\/li>\n\n\n\n<li>At the top of the page, you\u2019ll see two options:\n<ol class=\"wp-block-list\">\n<li><strong>Embedding Link:<\/strong> A bunch of code that you can insert into your website directly<\/li>\n\n\n\n<li><strong>Direct link:<\/strong> A button that redirects visitors to your booking page<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large rounded-2xl-custom\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/04\/booking-page-preview-1024x576.jpg\" alt=\"\" class=\"wp-image-3469\" srcset=\"https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/04\/booking-page-preview-1024x576.jpg 1024w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/04\/booking-page-preview-300x169.jpg 300w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/04\/booking-page-preview-768x432.jpg 768w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/04\/booking-page-preview-1536x864.jpg 1536w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/04\/booking-page-preview.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Let\u2019s look at what each option does and how to use them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"embed\">Option 1: Embedding with Iframe<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large rounded-2xl-custom\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/direct-link-1-1024x576.jpg\" alt=\"\" class=\"wp-image-2208\" srcset=\"https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/direct-link-1-1024x576.jpg 1024w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/direct-link-1-300x169.jpg 300w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/direct-link-1-768x432.jpg 768w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/direct-link-1-1536x864.jpg 1536w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/direct-link-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Embedding the widget directly into your website means clients can book sessions without leaving your site. It creates a smooth and seamless experience.<\/p>\n\n\n\n<p><em>What is an iframe? An iframe lets you display another webpage inside your website. In this case, it shows your SafeTalk booking page right where you place it.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"embed-steps\">How to embed your SafeTalk widget:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the <strong><em>iframe code<\/em><\/strong> from the top of the Booking Page<br><\/li>\n\n\n\n<li>Go to your website editor &amp; select the page you want to include your booking widget in<br><\/li>\n\n\n\n<li>Paste the <strong><em>iframe code<\/em><\/strong> it into your page<\/li>\n<\/ul>\n\n\n\n<p><em>Note: You will require an administrative access to your website in order to perform this. Below are few examples of how to edit pages for common Website Editors:<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/elementor.com\/help\/html-widget\/\" data-type=\"link\" data-id=\"https:\/\/elementor.com\/help\/html-widget\/\">WordPress \/ Elementor<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/support.squarespace.com\/hc\/en-us\/articles\/205815928-Adding-custom-code-to-your-site\" data-type=\"link\" data-id=\"https:\/\/support.squarespace.com\/hc\/en-us\/articles\/205815928-Adding-custom-code-to-your-site\">Squarespace<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/support.wix.com\/en\/article\/wix-editor-embedding-custom-code-on-your-site\" data-type=\"link\" data-id=\"https:\/\/support.wix.com\/en\/article\/wix-editor-embedding-custom-code-on-your-site\">Wix<\/a><br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"direct-link\">Option 2: Direct Link to Your Booking Page<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large rounded-2xl-custom\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/embed-widget-1024x576.jpg\" alt=\"\" class=\"wp-image-2209\" srcset=\"https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/embed-widget-1024x576.jpg 1024w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/embed-widget-300x169.jpg 300w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/embed-widget-768x432.jpg 768w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/embed-widget-1536x864.jpg 1536w, https:\/\/safetalk.space\/blog\/wp-content\/uploads\/2025\/08\/embed-widget.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p id=\"direct-link\">If you don\u2019t have your own website yet &#8211; or prefer a simpler setup &#8211; you can use a direct link to your personalized SafeTalk booking page. This page is fully hosted and maintained by us, allowing you to present your services in a clean, professional format without needing to manage a website.<\/p>\n\n\n\n<p>You can easily share the link on social media, WhatsApp, email, or anywhere else your potential clients may be.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"copy-link-use-cases\">Common Use Cases:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add a &#8220;Book Now&#8221; button to your website and link it to your SafeTalk booking page.<\/li>\n\n\n\n<li>Place the link in your Instagram bio or Facebook page.<\/li>\n\n\n\n<li>Include it in your email signature.<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"need-help\">Need Help?<\/h2>\n\n\n\n<p>Our support team is here if you need help. Just <a href=\"https:\/\/safetalk.space\/contact-us\" data-type=\"link\" data-id=\"https:\/\/safetalk.space\/contact-us\">reach out<\/a> and we\u2019ll assist in setting this up for you<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Make it easier for clients to book by adding your SafeTalk booking widget to any website<\/p>\n","protected":false},"author":4,"featured_media":1777,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41,19],"tags":[],"class_list":["post-1766","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-booking-scheduling","category-therapist-resources"],"_links":{"self":[{"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/posts\/1766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/comments?post=1766"}],"version-history":[{"count":28,"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/posts\/1766\/revisions"}],"predecessor-version":[{"id":3470,"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/posts\/1766\/revisions\/3470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/media\/1777"}],"wp:attachment":[{"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/media?parent=1766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/categories?post=1766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/safetalk.space\/blog\/wp-json\/wp\/v2\/tags?post=1766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}