Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore – How to link an eBook item to an image map with hotspots on an image
Tagged: hotspots, image mapping
- This topic has 1 reply, 2 voices, and was last updated 9 years, 7 months ago by admin.
-
AuthorPosts
-
September 16, 2014 at 8:44 am #11472spguilloryMember
1. Using hostgator to host my site
2. Using Instabuilder plugin for creating my sales and squeeze page
3. Using PDF Stamper to stamp my paid item eBook and my squeeze page offer a free report eBook
4. Using eStore to provide secure download links for my main paid item eBook and for listbuilding on my squeeze page
Problem:
I need to figure out how to bypass the typical buy now buttons provided with eStore with linking eStore to my image maps with 2 hotspots on the buy now areas of the image I am using for my Sales Page. NOTE: This image is a one long image that has two areas for the user to Buy Now and I have created image maps with hotspots for those two areas so the cursor changes when hovering over those areas to be able to click and take them to the PayPal area to buy the eBook. The reason I did this was because Instabuilder and the WordPress editor provided for a very poor design and much trouble with the editor and thus a sloopy looking page so I just used Instabuilder for my main overall look in the background and just used Photoshop to create my one long image file of my sales copy with graphics that I insert into the main body of the WordPress editor. I also have a customizable button made in PayPal already but I just use this html code for inserting into the html code for the image mapping to refer to this so that when the user clicks on the desired area by hovering over it they get taken to the PayPal area that is already preconfigured for them to buy with paypal or their credit card. Furthermore, I don’t want any shopping carts…I just want the customer to be taken directly to the PayPal area to buy the One Time Offer eBook. And I already have my design made of my sales page and it looks real nice so I don’t want to mess it up with placing other eStore or PayPal buttons that don’t fit the style I am using so I need to link this to the image map areas of my image instead of inserting premade buttons. I will also be using PDF Stamper in conjunction with this.
What I have tried:
I watched all of the tutorials for eStore and PDF Stamper as well as reviewed the forum for solution to this but have not found what I am looking for. I think what I probably need is for your company to provide me with the html code and that I can insert into my html code for the image map.
An example of some code I used as a go-by for modifying for my site is as follows:
<div>
<img id=”imageMaps” class=”aligncenter” src=”http://www.mywebsite.com/wp-content/uploads/2014/09/filename.png” alt=”” usemap=”#anyname1″ width=”174″ height=”129″ border=”0″ />
<map id=”anyname1″ name=”anyname1″>
<area alt=”” coords=”79, 28, 105, 47″ shape=”rect” href=”https://www.paypal.com/ ” />
<area alt=”” coords=”82, 70, 99, 98″ shape=”rect” href=”https://www.paypal.com/ ” />
</map></div>
NOTE: I deleted the extension after paypal.com which sends the user to the actual buy page for ease of sight on the eyes when viewing the code aboveā¦just know that I am aware that there is more characters that go after paypal.com/###############/ in order for the user to be redirected to the actual order page with paypal.
I hope this is enough information to be able to provide me with a suitable solution for this as I would really like to have my eBook delivered with encrypted links such as through the eStore method.
September 16, 2014 at 11:20 pm #65519adminKeymastereStore has an option where you can use text buy now link. That should help you do this. Check the following post:
-
AuthorPosts
- You must be logged in to reply to this topic.