How to Integrate FastSpring With Your Web Shop

Job to be done: You are a publisher who is selling products from your web shop directly to your players and you want to use FastSpring’s advanced Javascript Library to support your checkout process so you can offload all the hard parts of transacting and build great games.

Resources

• Web Shop Demo
• FastSpring Examples
• Store Builder Library
• Embedded Checkout

Or, if you have another use case you want to explore, speak directly with a solution engineer by signing up for a demo here.

The post fsBuilds: How to Add FastSpring to Your Web Shop (Video) appeared first on FastSpring.

How to Use FastSpring Within a React Single Page Application

Job to be done: You are a SaaS company using React Single Page Applications on your website and you want to use FastSpring’s Store Builder Library to support your checkout process so you can offload all the hard parts of transacting and run your business.

For this build, Marco Agüero, FastSpring Sales Engineer, shows us how to easily use Store Builder Library within a React Single Page Application, thereby unlocking FastSpring’s embedded experiences for your online store.

Resources

• Git Repo
• Demo Site
• Store Builder Library

If you have another use case you want to explore, speak directly with a solution engineer by signing up for a demo here.

The post fsBuilds: How to Use FastSpring Within a React Single Page Application (Video) appeared first on FastSpring.

Improve Authorization and Conversion Rates in Countries Across the Globe

Job to be done: You are offering a product across the globe but have difficulty converting in certain regions across the globe. You want to offer only the payment methods that have the highest conversion and authorization rates in select regions.

For this build, Braden Steel returns to show us how you can use Preferred Payment Method and Store Builder Library to easily offer up specific payment methods in your checkout to buyers in specific regions while also maintaining checkout flows in others to drive up conversion rates for your buyers.

Resources

• Git Repo
• Preferred Payment Method Documentation
• Store Builder Library

If you have another use case you want to explore, speak directly with a solution engineer by signing up for a demo here.

The post fsBuilds: Improve Authorization and Conversion Rates in Countries Across the Globe (Video) appeared first on FastSpring.

Increase Conversions in Your React Customer Portal With APIs and Embedded Experiences

Job to be done: You want to offer an account management portal for your customers that allows for not only managing existing subscriptions, but also enables them to upgrade as well.

For this build, Braden Steel shows us, using React for the frontend and Laravel for the backend, how to implement a purchase flow in your account management portal, save payment methods for easy checkout, and use APIs to manage your customers’ subscriptions without ever having to leave the customer portal.

Resources

• Frontend Git Repo
• Backend Git Repo
• Subscriptions API Documentation
• Embedded Payment Component
• Embedded Checkout
• 1ClickPay

If you have another use case you want to explore, speak directly with a solution engineer by signing up for a demo here.

The post fsBuilds: Increase Conversions in Your React Customer Portal With APIs and Embedded Experiences (Video) appeared first on FastSpring.

Generate Digital Invoices and Quotes Within FastSpring from Salesforce

Job to be done: You are a B2B company with a sales-led or sales-assisted model in place and want your sales reps to create quotes in FastSpring directly from Salesforce and have prospects be able to effortlessly pay for those quotes.

For this build, Fred Linfjärd returns to show us how easy it is to use Zapier with the FastSpring Quotes API. In this build, he uses the API to create and send quotes directly from Salesforce to FastSpring, showing how simple it is to support B2B sales motions by allowing sales people to use the platform they prefer (Salesforce) while you offload the complexity of quotes and payments to FastSpring.

Resources

• Quotes API Documentation
• Webhooks
• Zapier x FastSpring Guide

If you have another use case you want to explore, speak directly with a solution engineer by signing up for a demo here.

The post fsBuilds: Automate B2B Quotes & Payments by Integrating Salesforce and FastSpring (Video) appeared first on FastSpring.

Offload the Complexities of Payments, Subscriptions, and Subscription Management to FastSpring

Job to be done: You want to use WooCommerce and WordPress as a CMS, but want to leverage a Merchant of Record to manage payments, subscriptions, and subscription management.

For this entry, we’re featuring a build by Topher DeRosia showing how you can easily use FastSpring’s javascript library in combination with FastSpring’s webhooks to both activate subscriptions when a purchase is made, or disable subscription access when a payment fails while still using WooCommerce as your CMS.

Resources

Interested in trying the build yourself? Here’s an example of how you can get started.

Add a Subscription to Cart

<?php
/**
 * Subscription Product Add to Cart
 *
 * @author  Prospress
 * @package WooCommerce-Subscriptions/Templates
 * @version 1.0.0 - Migrated from WooCommerce Subscriptions v2.6.0
 */

defined( 'ABSPATH' ) || exit;

global $product;

// Bail if the product isn't purchasable and that's not because it's limited.
if ( ! $product->is_purchasable() && ( ! is_user_logged_in() || 'no' === wcs_get_product_limitation( $product ) ) ) {
	return;
}

$user_id = get_current_user_id();

echo wp_kses_post( wc_get_stock_html( $product ) );

if ( $product->is_in_stock() ) : ?>

	<?php do_action( 'woocommerce_before_add_to_cart_form' ); ?>

    <script>
        var QueryString = (function () {
        // This function is anonymous, is executed immediately and
        // the return value is assigned to QueryString!
        var query_string = {};
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            // If first entry with this name
            if (typeof query_string[pair[0]] === "undefined") {
                query_string[pair[0]] = decodeURIComponent(pair[1]);
                // If second entry with this name
            } else if (typeof query_string[pair[0]] === "string") {
                var arr = [query_string[pair[0]], decodeURIComponent(pair[1])];
                query_string[pair[0]] = arr;
                // If third or later entry with this name
            } else {
                query_string[pair[0]].push(decodeURIComponent(pair[1]));
            }
        }
        return query_string;
        })();
    </script>
    <script>
        jQuery(document).ready(function () {
        var s = {};

        if (QueryString.product) {
            s = {
              products: [
                  {
                    path: QueryString.product,
                    quantity: 1,
                  },
              ],
            };
        }

        if (QueryString.email && QueryString.fname && QueryString.lname) {
            s.paymentContact = {};
            s.paymentContact.email = QueryString.email;
            s.paymentContact.firstName = QueryString.fname;
            s.paymentContact.lastName = QueryString.lname;
        }

        if (QueryString.coupon) {
            s.coupon = QueryString.coupon;
        }

        if (s) fastspring.builder.push(s);
        });
    </script>

    <!--
        Initialize the Store Builder Library
    -->
    <script
        id="fsc-api"
        src="https://sbl.onfastspring.com/sbl/0.9.2/fastspring-builder.min.js"
        type="text/javascript"
        data-storefront="mediaforge.test.onfastspring.com/popup-mediaforge">
    </script>

    <!--
        To add a product to the purchase session we need to define the data-fsc-item-path-value
        with the product path and also define the data-fsc-action where we first Add this item to the
        session and then initiate Checkout
    -->
    <button data-fsc-item-path-value='<?php echo esc_attr( $product->get_slug() ); ?>' data-fsc-action="Add, Checkout" >
        Subscribe Now With FastSpring
    </button>

	<?php do_action( 'woocommerce_after_add_to_cart_form' ); ?>

<?php endif; ?>

Subscription Creation via FastSpring Webhook

<?php
/**
 * Plugin Name: WooCommerce Subscription Creation
 * Description: Creation of a subscription from a webhook hit from FastSpring
 * Author: Topher
 * Version: 1.0
 * License: GPL2+
 * License URI: https://www.gnu.org/licenses/gpl-2.0.txt
 */

if (!function_exists( 'write_log' ) ) {

    function write_log( $log ) {
        if ( true === WP_DEBUG ) {
            if ( is_array( $log ) || is_object( $log ) ) {
                error_log( print_r( $log, true ) );
            } else {
                error_log( $log );
            }
        }
    }
}


function fs_create_subscription() {

	$json = file_get_contents('php://input');
	$object = json_decode($json);

	write_log( 'START TOPHER LOG' );
	write_log( 'PAYLOAD: ' . print_r( $object, true ) );
	write_log( 'END TOPHER LOG' );

}
add_action( 'wp', 'fs_create_subscription' );

Developer Documentation

• Store Builder Library (Javascript Library)
• Webhooks

If you have another use case you want to explore, speak directly with a solution engineer by signing up for a demo here.

The post fsBuilds: Offloading WooCommerce Checkout & Subscriptions to FastSpring (Video) appeared first on FastSpring.

Adding Opportunities to Salesforce (or other CRMs) for Self Serve Transactions on FastSpring

Job to be done: Your sales team wants to push self-serve transactions from FastSpring into your CRM so they can see customer purchases to inform their upsell and upgrade strategy with self-serve customers.

For our second example build in this series, we’re featuring a build by Fred Linfjard showing how you can easily integrate self-serve transactions from your website with Salesforce in minutes. This build also shows you an example of how Zapier can be used to capture data through FastSpring’s webhooks so you can then pass information on to another service Zapier can integrate with.

For the second part of this build, Fred shows how to use the trigger created in Zapier to catch FastSpring webhooks and create records in Salesforce. Creating records in salesforce with FastSpring’s webhooks allows teams to attribute sign ups and self-serve transactions to an opportunity. This gives teams a single record for all sales within the company and the team can then use those records to better promote add-ons, upsells, and upgrades to customers.

Resources

Zapier x FastSpring Integration

Interested in learning more about FastSpring or speaking directly with a solution engineer about your build? Sign up for a demo here. Or, if you want to know more about how to manage webhooks with Zapier, take a look at our documentation.

The post fsBuilds: Improve Opportunity Accuracy by Integrating FastSpring with CRM Tools through Zapier (Video) appeared first on FastSpring.

To help you understand exactly how FastSpring enables developers with specific types of builds, FastSpring has launched our new “fsBuilds” content series featuring developer-built content showing detailed steps, code examples, and advice on how each developer approached a specific build.

While not every piece of content in the series will include elements of your specific tech stack, we encourage you to check out the example build use-cases you find interesting. These builds will give you  an idea of the basic principles needed to generate your own ideas of how to leverage FastSpring. Of course, our support and sales engineering specialists are also able to help if you need assistance.

Offloading Payments While Retaining Software Distribution

For our first example build in this series, we’re featuring a build by Topher DeRosia of Media Forge showing how to integrate FastSpring checkout into WooCommerce using FastSpring’s Store Builder Library. This build shows you an example of how to use Woo for content management and software distribution and FastSpring to offload the checkout process.

Topher also shows some handy tips for pushing data from Woo to FastSpring in order to make the checkout process faster and higher-converting. Additionally, Topher shares tips for optimizing your checkout for promotions like during cyber weekend. We hope you enjoy this FastSpring Example Build!

The post fsBuilds: Offload Payment Processing to FastSpring While Still Using An Existing Application for Distributing Software (Video) appeared first on FastSpring.