How To Do Page Jumps In Instabuilder

8 replies
Can anyone tell me how to do a page jump in instabuilder? I'm not a techie, but I've created a long copy sales page and want to place several buy buttons going down the page which will take the buyer to the bottom of the page where they can make the purchase.

I looked up on Google how to page jump with wordpress, and I understand the concept. But, I can't figure out how to access the code for my instabuilder sales page. Also, I'm using my own button, so I put an image box on my page and put the link to my button image in the settings for that.

My other options is to put two buttons down the page at intervals - one for full pay and one for payments. But I think it would look better with one button that simply takes them to the bottom of the page where they can decide how they want to pay.

I hope this makes sense.

Thank you!
#instabuilder #jumps #page
  • Profile picture of the author Graham Maddison
    Here's a tutorial about Html links and anchors ---- seems pretty straightforward to achieve your goal. Use the HTML/CSS/Javascript element on your page in Instabuilder.

    Hope it helps.
    Signature
    Trade without Boundaries.
    Start with $30 Trading Bonus.
    No Deposit Required
    {{ DiscussionBoard.errors[10764911].message }}
  • Profile picture of the author JohnMcCabe
    Try the Instabuilder support people. That's their job.
    {{ DiscussionBoard.errors[10765072].message }}
    • Profile picture of the author Imamarketer2
      John - I put in a ticket yesterday. Still haven't heard from them. Don't know how long it will take but my page launched today so I was hoping for a quick answer. Thanks.

      Graham - Thanks. I'll give that a try. But, I don't know how to access the code for my Instabuilder page.
      {{ DiscussionBoard.errors[10765748].message }}
  • Profile picture of the author Imamarketer2
    Well, I put an anchor in the HTML/CSS/Javascript element. My anchor looked like this:
    <a name="payment"></a>

    I put the element just above my payment buttons.

    Then I added a button to my page near the top, and for the button link I added this:
    <a href="#payment">Go to Anchor</a>

    It didn't work.

    Then I tried removing the quote marks in both cases.

    That didn't work either.

    Both times I was taken to a 404 error page on my site.

    Not sure what I'm doing wrong.
    {{ DiscussionBoard.errors[10765777].message }}
    • Profile picture of the author Graham Maddison
      Originally Posted by Imamarketer2 View Post

      Well, I put an anchor in the HTML/CSS/Javascript element. My anchor looked like this:
      <a name="payment"></a>

      I put the element just above my payment buttons.

      Then I added a button to my page near the top, and for the button link I added this:
      <a href="#payment">Go to Anchor</a>

      It didn't work.

      Then I tried removing the quote marks in both cases.

      That didn't work either.

      Both times I was taken to a 404 error page on my site.

      Not sure what I'm doing wrong.
      For simplicity, I would abandon the button and use text only .. if you simply use the code above changing the text Go To Anchor - to something like Payment Options.

      I have just tried it myself and it works fine ....but both anchor and link need to be placed in a HTML/CSS/Javascript element where you want them to appear.

      Hope it helps.

      Good luck

      Update:
      Just been playing and suggest you try this code:

      <a href="#payment"><img class="aligncenter" src="http://yourwebsite.com/wp-content/uploads/2016/06/ScreenHunter_203-Jan.-27-12.15.jpg" ></a>

      Note: Red is your anchor link - Green is the url of your button image ..you will need of course to change the url to your own. - edit this in notepad and then copy it into a HTML/CSS/Javascript element where you want your button to appear
      Signature
      Trade without Boundaries.
      Start with $30 Trading Bonus.
      No Deposit Required
      {{ DiscussionBoard.errors[10766316].message }}
  • Profile picture of the author Imamarketer2
    OMG I got it to work!!! So, here's what I did in case anyone else reads this and needs help:

    I went to the section where I wanted people to be taken to when they clicked the button I planned to add near the top of my page.

    In my case, the section where I wanted people to go was the payment box at the bottom of my page.

    I clicked on some text in my payment box to open the text box. I then double clicked as if to edit my text.

    In the editing bar on the far right, you'll see two arrows that look like this <>. That is how you access the code for that section. Click those arrows.

    Now you'll see your code. The code starts with a <p>. Take off the > so it looks like this: <p.

    Then you'll want to type in an id code after the <p which will look like this:
    <p id="yourcodeword">

    You can use any word for your code word to refer to that section of your page. In my case I used the word payment, so my id code looks like this: <p id="payment">

    Make sure you include the quotation marks.

    After you type this in, click OK at the bottom right of the box to close it.

    Now move on to your button. Find the place where you want people to click your button to go to the section of your page where you just pasted your id code.

    I had a button image I made and stored in my media library I wanted to use. So, I created an image box in the place where I wanted my button to be. Then, I clicked to edit my image box so I could add my button.

    I put my button URL into the top box where it says replace/upload/search image. This is the URL for my media library where my button is stored. My button then showed up on the page, but it still needed to link to the payment section of my page.

    In the section under that labeled Target Link Type click URL. A box will then appear under that for you to type in the URL for where you want the button to go.

    Here's what you want to type in that URL box:
    Your website page address/#yourcodeword

    So, in that box here's what I typed: http://mywebsite.com/mypage/#payment

    Payment was my code word that I chose for id code I placed in the payment section of my page.

    I really struggled to figure this out. My error was that I wasn't putting my website URL into the URL target link box for my button. So, make sure to include this!

    My thanks to Graham for all your help!
    {{ DiscussionBoard.errors[10768755].message }}
  • Profile picture of the author dburk
    Hi Imamarketer2,

    Instapage has a Help Center with videos that explain this and many other tasks:

    Linking to content within the same page


    HTH
    {{ DiscussionBoard.errors[10768872].message }}
  • Profile picture of the author eedriyz
    This was really helpful. Thanks
    {{ DiscussionBoard.errors[11258426].message }}

Trending Topics