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 the open source Calendly alternative that lets you easily book appointments and schedule meetings, without the email tennis.</p>
<h3>Features</h3>
<ul>
<li>Add Cal.com booking calendar to any WordPress page/post with a simple shortcode.</li>
<li>Display your Cal.com booking calendar inline or in a popup.</li>
<li>Customize your booking button to suit you.</li>
</ul>
<h3>Shortcode</h3>
<p><strong>[cal url=/username/meetingid]</strong></p>
<h3>Shortcode Customization</h3>
<pre><code>[cal url=/username/meetingid type=2 text="Schedule a call with me"]
</code></pre>
<p><strong>url:</strong> URL of the booking calendar<br />
<strong>type</strong>: Add inline or popup embed. Inline embed: <strong>1</strong>, Popup embed: <strong>2</strong><br />
<strong>text:</strong> For popup embed, customize the text/button that triggers the popup.</p>
<h3>CSS Customization</h3>
<p>To customize the popup text/button, style the <strong>#calcom-embed-link</strong> element with CSS.</p>
<p>Example:</p>
<pre><code>#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.

DaySchedule vs Cal.com