E-Commerce Integration

I use FastSpring and it involves simply creating a link on my site to a billing page they created in the style of my site, however that does not mean the solution itself is limited. They offer payment options in multiple languages and currencies, plus they allow customers to pay by alternative methods that are often the only available option in some countries. As a result I now make sales in places that were never possible previously. In addition they take care of all the tax issues, including the dreaded EU VAT on digital downloads.

The point really is that a good billing solution does cost money, but it makes your life so much easier and probably pays for itself through increased sales. I once sold online via an e-junkie shopping cart linked to PayPal and it appeared very cheap at first, however hidden costs, downtime and complex accounting made it a real pain in the neck.

It’s possible that Blocs could come up with some integrated options for some of the better known billing options. I recall that Will Woodgate came up with a solution of this kind for e-junkie with Rapidweaver, but it would remain to be seen just how closely integrated a system like that could be. The problem I can see is that billing companies make changes that are often dictated by regulation so any plugin interface may need to be regularly updated to remain compliant.

1 Like

Hi,

Just starting testing Blocs. Now a Webflow addict.
Looks promising, but the first and big set-back is not the possibility to add
Javascript embed… This is a 100% need.

I case of ecommerce then you could add the Shopify button integration.
This works very good.

Hope this Javascript can be embedded soon…

René

@rliebrand you can embed JS in the HTML widget, just be careful and keep backups of files as the widget is recommended for HTML use only but can be used with JS too. You can also add JS to the head and tail of each page via the page settings, addition code.

Hi Norm,

Nice work on this app!
Tried this with a Shopify button to test e-commerce option.
On an simple page with just one bloc it creates a lot of extra space above the bloc.

Created a test on Businesscatalyst hosting:
example test

Seems the snippet is creating two iframes stacked, once you delete the first iframe it looks fine? Not familiar with shopify snippets so not sure if thats a typo from you or a feature from shopify?

@rliebrand, @norm

Quick evaluation:

Instead of inserting an iFrame via Blocs HTML widget, just instead insert a plain DIV for the Shopify JS code you placed in the page head too reference. As discussed here: “Add script tags separately”.

So in your example case, it would just be the following that would need to be pasted into the HTML widget inside of Blocs.

<div id="product-component-15e96f08ee2"</div>

The “https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js” seems to work by using that DIV reference and creating its own iFrame. So when your using an iFrame in Blocs like you tried - vs - just the straight DIV approach described above, that is where the stacked or double iFrames occur that you’re experiencing and see.

Hope it helps your efforts and testing.

Blocs_User

Blocs_User,

Thanks, wil test it. But I see that i need to do this in the Beta version of Blocs. (for the div).
Wil let you guys know if it works.

It’s my first day with Blocs so…
I’m used to work with Webflow and Shopify so a bit fiddeling around.

René

You’re welcome.

What? I assume you mean the new DIV container Bric in Blocs 2.3 Beta?

However, I was speaking of the HTML Widget Bric that is already in Blocs 2.2 (and still in 2.3) and just pasting that simple DIV reference I showed above instead of the iFrame reference you originally used into the HTML Bric for your example.

Hope it helps.

1 Like

Hi,

That worked wit the example code from Shopify. Shall take a look at the code from the real webshop and test.

Thanks.

I’m also trying to add a Shopify button, but is seems that Blocs is adding a blank iframe automatically when I use the HTML widget in Blocs.
How can I use the HTML widget without having that blank space inserted? See the webpage here http://caldwellequipment.com/shop.html

Anyone used this or tested it yet?
http://demo.yuzoolthemes.com/shop/index.html

2 Likes

@KBConcepts how did you achieve this?

Contact: Michael Frankland
Yuzoolthemes Support
support@yuzoolthemes.com

Thanks @KBConcepts & @mackyangeles

We put together a little Blocs shopping cart (PayPal) project and made a video of it:

At the moment though it’s be paused but if there’s enough interest in it and demand, we might release it again :slight_smile:

4 Likes

I wish I understood what that meant…

1 Like

hi pulse

great video but where can we find the initial code to be copied into our blocs site and then edit as we need.

Thanks @pauland - it just means we’re not running that download anymore and it’s just a concept now to show you what can be done in Blocs :slight_smile:

@veggienut: As above + I’m sure there’ll be other similar and cooler ways from the community to do PayPal shops in Blocs soon :+1:

1 Like

@mackyangeles
You can do it very easy, If you creat an account by PayPal, Create your buttons with products and prices, shipping cost and so on, You can create your own Button also.
After you have created a button / products, copy the Html code from the PayPal button, then create a Html snippet in Blocs an then paste the code, and then you have your Shop, doesen´t cost a penny, You have also to create an Cart so the visitor can easily check the Status check this link Klädgalge SIMPLE galge | GUP ® Online Unik DesignShop

Good luck
Cheers Lars

1 Like

Your 100% right. It works great. I been using it on a few of my sites without any problem. You can setup a shipping calculator and it saves every button you make. Iif you want any price changes you just have to find the saved button, change the price and insert the new code.

The best part is yes, it cost nothing to setup.

Casey

@Paug This is easy to implement but I came across an issue with the positioning of the button. How do do you change the positioning of the PayPal button within the HTML Widget in Blocs? I cannot figure it out and I’d like to center it under the product picture. Any help would be appreciated. Thank you.