Appointment Scheduling Booking Integration [deleted]

MyPhotoApp currently does not have an appointment scheduling system but integrates with many 3rd party booking systems.  

For example, Acuity Scheduling has a free option that integrates nicely with MyPhotoApp.   You can incorporate the booking UI directly into your apps by copying and pasting the HTML code Acuity provides into a MyPhotoApp HTML section.  

Here is an example of what the code looks like to include a schedule now button.  This code below is an example and will not work as is, but you can get your own code from the acuity website.  

<a href="https://app.acuityscheduling.com/schedule.php?owner=xxxxxxxx" target="_blank" class="acuity-embed-button" style="background: #5fb8b9; color: #fff; padding: 8px 12px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;border-radius: 4px; text-decoration: none; display: inline-block;">Schedule Appointment</a>
<link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/xxxxxxx.css" id="acuity-button-styles" />
<script src="https://embed.acuityscheduling.com/embed/button/xxxxxxx.js" async></script> 

This code will place a "schedule now" button, but it is left justified.  If you want it centered, just surround the code with <center> and </center> like this: 

<center><a href="https://app.acuityscheduling.com/schedule.php?owner=xxxxxx" target="_blank" class="acuity-embed-button" style="background: #5fb8b9; color: #fff; padding: 8px 12px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;border-radius: 4px; text-decoration: none; display: inline-block;">Schedule Appointment</a>
<link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/xxxxxxx.css" id="acuity-button-styles" />
<script src="https://embed.acuityscheduling.com/embed/button/xxxxxxx.js" async></script></center> 

 

Here is a sample app that shows the different ways you can incorporate Acuity scheduling in your App 

Acuity Example App 

 

keywords: center HTML content,  centre code