SyncMadeEasy/force-app/main/default/pages/ShopifyConfigurationResultT...

181 lines
10 KiB
Plaintext

<apex:page controller="ShopifyConfigurationResultTemplate_Ctrl" showHeader="false" sideBar="false" standardStyleSheets="false">
<html>
<head>
<style type="text/css">
.ContainerDiv {
margin: 5%;
}
.logoImageContainer {
width: 100%;
}
.IconClass {
background: #27ae60;
height: 21px;
width: 21px;
text-align: center;
float: left;
border-radius: 40px;
margin-right: 4px;
}
.IconClass:hover {
background: #f5b44b;
}
.footer {
margin-top: 15%;
width: 100%;
}
.socialMediaHandler {
margin: 0 auto;
width: fit-content;
text-align: center;
}
.footer .socialMediaHandler a img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.builtWithLove {
margin-top: 10px;
font-size: 80%;
text-align: center;
}
.successContainerHeader, .failureContainerHeader {
margin-top: 15px;
padding: 10px 0;
color: white;
font-size: 20px;
text-align: center;
}
.successContainerHeader {
background-color: #27AE61;
}
.failureContainerHeader {
background-color: #cc0000;
}
.successContainer, .failureContainer {
padding: 10px;
}
</style>
</head>
<body>
<div class="ContainerDiv">
<div class="logoImageContainer">
<img src="{!shopifySyncLogoUrl}" alt="Sync Logo" style="zoom: normal; width: 100%;" />
</div>
<apex:outputPanel rendered="{!resultCheck == 'success'}">
<div class="successContainerHeader">Congratulations!</div>
<div class="successContainer">
<p>
Dear User,
<br />
<br />
Congratulations!
<br />
<br />We are pleased to inform you that your historical data sync process has been completed successfully. You can now verify the synced data in Salesforce based on the configured object and field mapping.
<br />
<br />If you notice any records that were not synced, they may have failed due to specific errors. You can review the error messages to identify the reason and refer to the help article below for guidance.
<br />
<br /><strong>Article link: </strong><a href="https://support.syncmadeasy.com/support/solutions/articles/1130000044266-how-can-we-identify-failed-sync-records-and-the-reason-for-failure-" target="_blank">How to Check Sync Error Messages</a>
<br />
<br />We hope you have a great experience using our solution.
<br />
<br />If you would like to share your feedback or kind words, please feel free to email us at: <strong>feedback@hicglobalsolutions.com</strong>
<br />
<br />We would truly appreciate it if you could also share your <a href="https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMdKyUAL&tab=r" target="_blank">feedback on AppExchange.</a>
<!-- <br /> Congratulations! Your data import is complete and your Shopify store is now seamlessly connected with Salesforce. All records from the Shopify store including legacy records are now synced with Salesforce. You can review all the
synced data in the Shopify Logs. Yay! Please take some time for writing some kind words for us you can send us email at <a href="mailto:feedback@hicglobalsolutions.com">feedback@hicglobalsolutions.com</a> -->
</p>
<!-- <p>
Meanwhile you can -
<ol style="margin-left: 5%;">
<li><a href="{!WriteReviewURl}" target="_blank">Write a review of our app on appexchange.</a></li>
<li><a href="https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3u00000RMxvgEAD" target="_blank">Sync Made Easy Pro - Get app now.</a></li>
</ol>
</p> -->
</div>
</apex:outputPanel>
<apex:outputPanel rendered="{!resultCheck == 'sendEmail'}">
<div class="successContainerHeader">Need Help!</div>
<div class="successContainer">
<p>
Dear Support Team,
<br />
<br />
You have received a new support request through in-app support.
</p>
<p style="text-align: center;">
<span style="font-size:20px;"><b>Client Query:</b></span>
<br/>
<span style="font-size:16px;">{!emailContent}</span>
</p>
<p>
Please review and respond promptly to ensure a seamless support experience.
</p>
</div>
</apex:outputPanel>
<apex:outputPanel rendered="{!OR(resultCheck == 'failure', resultCheck == 'failWebhook')}">
<div class="failureContainerHeader">Something Went Wrong!</div>
<div class="failureContainer">
<p>
Dear User,
<br />
<br/>Some errors occurred during the sync process for certain records. The attached CSV file includes detailed information such as Shopify IDs, object names, and the corresponding error descriptions.
<br />
<br />After resolving the issue, please update the affected record in Shopify. Once the update is completed, the record will automatically sync to Salesforce.
<br />
<br />You can refer to the following guide to understand how to review error messages: <a href="https://support.syncmadeasy.com/support/solutions/articles/1130000044266-how-can-we-identify-failed-sync-records-and-the-reason-for-failure-" target="_blank">How to Check Sync Error Messages</a>
<br />
<br />The notification is shared only on days when sync errors occur, and error records are retained for 24 hours.
<br />
<br />For any assistance, please contact <strong>support@syncmadeasy.com</strong>.
<!-- <br />We encountered some issues while configuring the app for you. Please see the attached files below for further details or contact <a href="mailto:support@syncmadeasy.com">support@syncmadeasy.com</a> -->
</p>
</div>
</apex:outputPanel>
<!--div class="footer"-->
<table style="padding: 0 10px; width:100%;">
<tr>
<td>
<p style="font-weight:600; font-size: 16px;"> Here to help, </p>
<p style="font-weight:bold; font-size: 16px; color: #27ae60;"> Team Sync Made Easy </p>
</td>
</tr>
</table>
<table style="background-color: #0f093a; padding: 0 10px; text-align: center; width:100%;">
<tr>
<td>
<p style="font-weight: 900; color:#fff; padding-top: 10px;">&copy; {!YEAR(TODAY())} Sync Made Easy. All Rights Reserved</p>
</td>
</tr>
<tr style="display: inline-block;">
<td>
<a href="https://www.linkedin.com/company/syncmadeasy" target="_blank">
<img src="https://syncmadeasy.com/banners/linkedin-synccl.png"
width="30" style="margin-right:10px;" />
</a>
</td>
<td>
<a href="https://www.instagram.com/syncmadeeasy" target="_blank">
<img src="https://syncmadeasy.com/banners/insta-synccl.png"
width="30" style="margin-right:10px;" />
</a>
</td>
<td>
<a href="https://twitter.com/SyncMadeEasy" target="_blank">
<img src="https://syncmadeasy.com/banners/twitter-synccl.png"
width="30" style="margin-right:10px;" />
</a>
</td>
<td>
<a href="https://www.youtube.com/@syncmadeasy" target="_blank">
<img src="https://syncmadeasy.com/banners/youtube-synccl.png"
width="30" />
</a>
</td>
</tr>
<tr><td><p style="color:#fff; font-size:10px; padding:10px;margin-top:0;"> 333 West Brown Deer Road Unit G - 366, Milwaukee, WI 53217, USA</p></td></tr>
</table>
</div>
</body>
</html>
</apex:page>