dayschedule

<p><a href="https://dayschedule.com/widget" rel="nofollow ugc">Embed DaySchedule </a> appointment scheduling plugin helps you add your dayschedule pages to your WordPress website in an easy way.</p>
<p>This will allow your visitors to check your calendar availability and <strong>schedule meetings, appointments on your WordPress website</strong>, through DaySchedule.</p>
<p>The DaySchedule plugin also includes features like email, <a href="https://dayschedule.com/docs/t/how-to-send-whatsapp-reminder-for-meeting/355" rel="nofollow ugc">WhatsApp reminder</a> and SMS notifications, <a href="https://dayschedule.com/docs/t/how-to-use-google-calendar-for-appointments/338" rel="nofollow ugc">integration with Google Calendar</a>, Zoom etc. It is easy to use and can be set up quickly on any WordPress website using short codes</p>
<p>DaySchedule is a free appointment scheduling software for calendar based appointments, webinar and services like <a href="https://dayschedule.com/solutions/doctors-scheduling-software" rel="nofollow ugc">doctor appointment scheduling</a>, saloon, gym, spa, consulting, online coaching, sales team appointments etc.</p>
<p>The customers can schedule 3 type of events or services from your website to receive instant confirmation and reminders:</p>
<ol>
<li><a href="https://dayschedule.com/products/1-1-meeting-sofware" rel="nofollow ugc">1:1 event</a></li>
<li><a href="https://dayschedule.com/products/round-robin-scheduling-software" rel="nofollow ugc">Round-robin events</a></li>
<li><a href="https://dayschedule.com/products/group-scheduling-software" rel="nofollow ugc">Group events</a></li>
</ol>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/z7_IwonRrp0?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLAaVrSS8eHaeZNPPiOq36Da2z_ZCQ3ov-" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>You will receive a booking confirmation email for each new booking, or can check your bookings on DaySchedule web, android or iOS app by logging in to your account:</p>
<ul>
<li><a href="https://app.dayschedule.com/signup" rel="nofollow ugc">DaySchedule web</a></li>
<li><a href="https://apps.apple.com/us/app/dayschedule-appointment-app/id6444792037" rel="nofollow ugc">iOS App</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.dayschedule" rel="nofollow ugc">Android app</a></li>
</ul>
<h3>Shortcode</h3>
<p>The plugin supports 2 types of embed options, inline and popup to display the appointment booking calendar with avaialble slots synced with your Google or Microsoft calendars:</p>
<h3>Inline widget</h3>
<p>To embed the inline appointment scheduling plugin on WordPress with shortcode:</p>
<pre><code>[dayschedule url="https://meet.dayschedule.com" type="inline"]
</code></pre>
<h3>Popup widget</h3>
<p>To embed as a button and open the appointment scheduling popup when clicked:</p>
<pre><code>[dayschedule url="https://meet.dayschedule.com" type="popup"]
</code></pre>
<h3>Customization</h3>
<p>You can customize the scheduling widget by passing the attributes in <code>dayschedule</code> shortcode to change the url, text, color etc. :</p>
<ul>
<li><strong>type</strong> : The type of widget to embed. <strong>inline</strong> or <strong>popup</strong>. The default value is:  <code>inline</code></li>
<li><strong>url</strong> : The URL of your main dayschedule page or particular event to embed. The default value is: <code>https://meet.dayschedule.com</code></li>
<li><strong>text</strong> : The anchor text for the button when the <code>popup</code> type is used. The default value is: <code>Book an appointment</code></li>
<li><strong>color_primary</strong> : To change the primary color of the appointment calendar. The default value is: <code>#0f0980</code></li>
<li><strong>color_secondary</strong> : To change the secondary color of the appointment calendar. The default value is: <code>#afeefe</code></li>
<li><strong>color_mode</strong> : To change the color mode (light, dark or auto). The default value is: <code>light</code></li>
<li><strong>hide_event</strong> : To hide the left panel with event details on the calendar view. Must be <code>0</code> or <code>1</code>, the default value is: <code>0</code></li>
<li><strong>hide_header</strong> : To hide the header containing the logo and back button. Must be <code>0</code> or <code>1</code>, the default value is: <code>0</code></li>
<li><strong>class</strong> : To add custom CSS classes on your button. The default value is: <code>wp-block-button__link</code></li>
</ul>
<p>So why wait? Let’s simplify your scheduling process with DaySchedule appointments, the ultimate appointment booking plugin for WordPress!</p>
<h3>Open source</h3>
<p>The widget is open-sourced on Github and also avaialble on NPM.<br />
You can install it on other front-end frameworks like React, Vue.js or Angular as well.</p>
<ul>
<li><a href="https://github.com/dayschedule/dayschedule-widget" rel="nofollow ugc">Github</a></li>
<li><a href="https://www.npmjs.com/package/dayschedule-widget" rel="nofollow ugc">NPM</a></li>
</ul>


DaySchedule

Appointment scheduling widget to embed on WordPress website and display your available calendar slots for bookings with payment options and reminders

Simpma

Cal.com

<p>Cal.com is an open-source alternative to Calendly that allows easy appointment booking and meeting scheduling.</p>
<p>This plugin enables you to:</p>
<ul>
<li>Embed your Cal.com booking calendar inline, as a popup, or as a floating widget.</li>
<li>Customize UI with theme colors, layout, and event details visibility.</li>
<li>Pre-fill user information and add UTM tracking parameters.</li>
<li>Use the new admin widget customizer for real-time previews.</li>
</ul>
<p><a href="https://simpma.com/plugins/cal-com/" rel="nofollow ugc">Watch Demo</a></p>
<h3>Shortcodes</h3>
<p><strong>[cal url=”/username/meetingid” type=1]</strong></p>
<p>Embed inline calendar.</p>
<p><strong>[cal url=”/username/meetingid” type=2 text=”Schedule a call”]</strong></p>
<p>Embed popup trigger button.</p>
<p><strong>[cal_custom url=”/demo/30min” type=1 prefill=”true” utm=”source:localhost” ui='{“theme”:”dark”,”cssVarsPerTheme”:{“dark”:{“cal-brand”:”#a3ffcb”}},”hideEventTypeDetails”:true,”layout”:”week_view”}’ config='{“layout”:”week_view”,”useSlotsViewOnSmallScreen”:true,”disableMobileScroll”:true}’]</strong></p>
<p>Embed customizable widget with full UI control, prefill, and UTM support.</p>
<h3>Shortcode Attributes</h3>
<ul>
<li><strong>url:</strong> URL of the booking calendar.</li>
<li><strong>type:</strong> Embed type (1 = inline, 2 = popup, 3 = floating button for <code>[cal_custom]</code>).</li>
<li><strong>text:</strong> Button text for popup embeds.</li>
<li><strong>prefill:</strong> Set to <code>true</code> to prefill user info if available.</li>
<li><strong>utm:</strong> Comma-separated UTM tracking parameters (e.g., <code>source:newsletter, medium:email</code>).</li>
<li><strong>ui:</strong> JSON object for theme, layout, and visibility customization.</li>
<li><strong>config:</strong> JSON object for advanced widget configuration (slots view, scrolling, etc.).</li>
</ul>
<h3>CSS Customization</h3>
<p>Customize popup/button text via CSS targeting <strong>#calcom-embed-link</strong>:</p>
<pre><code>#calcom-embed-link, .calcom-embed-link {
    background-color: #222222;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
</code></pre>
<h3>Use of  3rd Party Software</h3>
<p>This plugin relies on <a href="https://cal.com" rel="nofollow ugc">Cal.com embed</a>. See their <a href="https://cal.com/privacy" rel="nofollow ugc">Privacy Policy</a> and <a href="https://cal.com/terms" rel="nofollow ugc">Terms of use</a>.</p>


Embed Cal.com booking calendar in WordPress with custom UI and admin widget support.

DaySchedule vs Cal.com