Embed Cal.com booking calendar in WordPress.

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>


Alternatives to Cal.com

Top alternatives