A SaaS company needed a VistaCreate API integration updated and the checkout flow modified. The primary goal was to display a preview screen for users to review their designs.
The preview screen would also show options for approving the design or continuing editing.
Updates were made successfully related to the VistaCreate API. We updated the API configurations, created design previews for images and PDF with custom watermarks.
We also added two custom fields to WooCommerce product edit pages which will output as hidden fields on the product pages. These fields are related to template id and a design format id.
We modified user workflow/checkout flow to include the visual preview, approval option that lead to checkout, and continue editing option that reloads editor – all seamlessly without reloading page or redirecting user to another page.
This site is built on the WordPress platform and uses the WooCommerce plugin for eCommerce. The VistaCreate API integration was done as a custom plugin.
Some modifications to the single product page and cart page were made within this plugin to keep all customization contained.
One of the goals for this particular modification for showing the design preview is to prevent any page reload or page redirects. The preview display is done as a seamless overlay.
The reload of the editor is also seamless. The only redirect done is when clicking the approval button on the preview window.
More modifications were added for variations. The template id and format id were added as custom fields for each variation. This data was also copied over to the primary template id and format id fields based on a condition that a variation was selected on the product page.
The primary languages used in these modifications include JavaScript, PHP, HTML, and CSS.
Do you need a custom VistaCreate API integration done for your website or application?
Contact us today for a free evaluation.
Date Completed: 6/30/2022