Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › text-only buy now link
Tagged: e-junkie buy now link button
- This topic has 15 replies, 6 voices, and was last updated 12 years, 10 months ago by admin.
-
AuthorPosts
-
March 19, 2011 at 1:25 am #2991hyperinkMember
Hi, I’m trying to create a “buy now link” that consists of just text, basically, a link to the Paypal page with the proper parameters.
I have it working for a custom image:
[wp_eStore_buy_now_custom_button id=1 button=/images/buy-button.png]
Previously when I used E-junkie, the “buy now” button was simply a link, so I could use either text or an image. Here’s what I’m trying to reproduce in eStore:
<a_ href="https://www.e-junkie.com/ecom/gb.php?i=886906&c=single&cl=151571">
<img src="/images/buy-button.png">
</a_>Incidentally, is there any way I can track clicks on this buy now button using Google Analytics?
Thanks!
March 19, 2011 at 1:35 am #30398hyperinkMemberReplaced the “a” tag with a_ so it would show up in the post..
March 19, 2011 at 2:54 am #30399amin007ParticipantUpdate: Details on eStore’s Text Link Buy Feature can found here:
===============
WP eStore doesn’t have a buy now link option because it doesn’t need to get get the product information from an external site like e-junkie does. All the product details is on your site already so it just creates a button. You can obviously make the button image look like a link.
However, it is possible to add a shortcode in eStore that will give you a buy now link which redirects you to PayPal when clicked.
Regarding Tracking Google Analytics Click
Every eStore button has a class attached to it. So you can target the click on that button by a JQuery or Javascript code that you add to your themes header or footer.
<script type="text/javascript">
jQuery(document).ready(function($) {
$(function() {
$(".eStore_buy_now_button").click(function(){
//This code will get executed on the eStore's "buy now" button is clicked
//Add your code to track the analytics pageview or event tracking code here
});
});
});
</script>Everybody will have a different analytics plugin they are using so you need to find out how your analytics plugin track the clicks then add the code accordingly.
For Example, the following will track an event when the button is clicked. The event will go into the “Test Category” event in your google analytics with the event being “Buy Now Click”. You can also specify some optional lable.
<script type="text/javascript">
jQuery(document).ready(function($) {
$(function() {
$(".eStore_buy_now_button").click(function(){
//This code will get executed on the eStore's "buy now" button is clicked
//Add your code to track the analytics pageview or event tracking code here
pageTracker._trackEvent("Test Category", "Buy Now Click", "some optional label");
});
});
});
</script>Remember, we are not here to teach you how to use Google Analytics properly (this is beyond our support level). The above example only shows that it is possible to track clicks on eStore’s button.
March 28, 2011 at 5:10 am #30400amin007ParticipantAdded an option so you can use a text link for a “Buy Now” type button. You create a link like the following:
http://www.your-domain.com/?wp_eStore_buy_now=1
Replace “your-domain.com” with your actual domain name and “1” with the actual eStore product ID.
This will let the user buy Product 1 just by clicking on that link. You can now place these links on your eBook or facebook or twitter page and the user can click on it to purchase a particular product.
You can also make a HTML link like the following and place it on a web page:
<a href=http://www.your-domain.com/?wp_eStore_buy_now=1">Click Here to Buy</a>
You will to get an updated version of the eStore extra shortcodes plugin to get this functionality (you can get it from here):
http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460
April 29, 2011 at 8:04 am #30401hyperinkMemberJust got this working. Thanks so much for your help!
July 23, 2011 at 3:00 am #30402hyperinkMemberHi,
Question 1 – I was wondering if there is a way to have a buy link from a HTML+CSS generated button?
Question 2- With a “text buy now” link, I would like a seamless UX where they are directly taken to the Paypal page. With the method you described above for a text buy now link, a new window opens up and there is a 5 second countdown to be redirected. I would prefer if my customers were directly transferred like when they click on your shortcode (example – [wp_eStore_buy_now_custom_button id=1 button=/images/buy-button.png])
Thanks!
July 23, 2011 at 11:53 pm #30403amin007ParticipantWhat do you mean by a HTML+CSS generated button?
When you use a text link it has to create the button and then submit it so PayPal can accept the data. The intermittent page that redirects is what creates the form and submits the data (there is no other way to do this externally).
July 27, 2011 at 6:14 am #30404hyperinkMemberThanks for the quick reply. Too bad it needs that intermittent page, I was hoping it could be avoided. When using your WP shortcode it doesn’t have the intermittent page.
The orange button is what I mean by a HTML+CSS generated button – http://www.ivyleagueadmissions.org/ebook/
A link that isn’t an image or simple text, but a HTML <button> element.
July 27, 2011 at 11:23 pm #30405amin007ParticipantWhen using a link it needs to have that intermittent page because unlike a button a link does not contain all the product information.
You can make a link ANCHOR look like anything you want… you just need to have the CSS knowledge to do that.
If you are going to use a HTML button element then why not just use the standard “Buy Now” button and customize the button image to look like that orange button? You can make your button image look like anything you want.
January 3, 2012 at 7:08 am #30406FlorianMemberHi,
Why does the link not work for me?
I’ve created the link Click Here to Buy and it redirects me to the home page.
Please Help.
January 3, 2012 at 1:30 pm #30407wzpModeratorPlease post a link to a test page that contains your link.
January 3, 2012 at 7:32 pm #30408FlorianMemberHere it is:
http://beardeddragonbook.com/pro-edition
You can find the link at the end.
The second problem that I have is with the “CSS3 Web Pricing Tables” plugin. When I put the buy now short link it breaks the tablet. That’s why I want the estore anchor text to work.
I’ve contact the author of the “CSS3 Web Pricing Tables” plugin, and have created a demo website where hi can test his plugin with wp-estore, and his answer is:
“Hi,
Looks like eStore plugin puts into item_number field (part of eStore form) some code of pricing table: <input type=”hidden” column_2″=”” value=”1</div><div class=” name=”item_number”> and that breaks the table.
I don’t know why it’s happening. Maybe eStore plugin author will be able to help you.”
Please Help, and Thanks
January 3, 2012 at 8:31 pm #30409FlorianMemberHi,
I know that the wp-estore plugin is the best for my needs. I’ve searched a lot to find the best plugin, and wp-estore is the best for me.
I like the part with the autoresponder (list building) integration, an all the features. I know that it is the best in the market.
Thanks,
Please help me to integrate it on my blog
January 3, 2012 at 8:43 pm #30410PeterMemberHi,
Just thought I’d ask a seemingly obvious question
Does the product id of the item you’re selling have a value of 1 or some other value? If it’s some other value then you’ll need to replace the “1” with the correct value in your hyperlink.
January 3, 2012 at 10:27 pm #30411FlorianMemberYes, product no 1 exists.
I’ve created a text link with product no 3, 3 and 5
check it out on the same page [http://beardeddragonbook.com/pro-edition]
and a buy now button for product no 1. The buy now button works ( outside the pricing tablet).
Thanks
-
AuthorPosts
- You must be logged in to reply to this topic.