WebSite X5Help Center

 
Ross P.
Ross P.
User

Can you add a button/link to a certain page on an Entry Page?  en

Auteur : Ross P.
Visité 547, Followers 1, Partagé 0  

Hello

Is there anyway you can add a link to an 'Entry Page' that will send the visitor to a seperate booking page on the same website?

Cheers

Posté le
13 RéPONSES
Daniel W.
Daniel W.
User

An HTML object can be used to insert iframe code that displays someone else's website in a window on your own website, as long as the other website doesn't have an iframe lock.

Lire plus
Posté le de Daniel W.
Ross P.
Ross P.
User
Auteur

Thank you Daniel.

What I was trying to do was to have the page pop up which could then be clicked of to redirect the visitor to another page within the same website rather than it just going to the home page. Not sure how to do your suggestion 

What I have done so far which is not how I really want pop-up to work can be viewed on https://www.passengersandco.co.nz/home.html

Kind regards

Ross

Lire plus
Posté le de Ross P.
John S.
John S.
User

You could make a popup when the user scrolls near the bottom like this: https://pindown.eu/sparta13/page04.html when clicked it could redirect to another page on your site.

Or have a discrete sticky button that unfolds like the telephone (to the right - middle) on this page:

http://eksempelsite.dk/information-buttons.html  the telephone can be clicked and can direct to another page on your own site.

Or have a sticky sub-menu where you can have one or more targets in a fold/unfold "menu" like here: https://www.bramminginfo.dk/flugt-museum.html

Is it something like this you mean?

Lire plus
Posté le de John S.
John S.
John S.
User

I made a special popup here: https://pindown.eu/sparta13/popup2.html

The popup can just be clicked away - or - it can direct to another section of the page or another page of your site.

I read your post once more, and this is what I think is maybe closest to what you ask for.

If one of the examples is close to what you need, then tell which, and I will give the code - else - maybe give some more words of the functionality.

Lire plus
Posté le de John S.
Daniel W.
Daniel W.
User

If what John S. posted isn't what you're looking for, then explain gauer.

I have English skills from my school days over 45 years ago and I also use Google translation, but I don't quite understand what the purpose is.

Lire plus
Posté le de Daniel W.
Ross P.
Ross P.
User
Auteur

Hi John

Thank you. Your popup: https://pindown.eu/sparta13/popup2.html, is what I am after but rather than text I would like to use an image (attached) and with a black 85% transparent background. 

Look forward to your reply and thank you very much for your help.

Have a nice day and hope you are fit and well.

Kind regards

Ross

Lire plus
Posté le de Ross P.
John S.
John S.
User

I also made a test using the X5 function - advertisement

Can be seen on the home-page.

https://pindown.eu/sparta13/

Lire plus
Posté le de John S.
John S.
John S.
User

The advertisement can be set to only show one time.

When the image is clicked then the user is directed to the booking part of the page.

I think the advertisement will be the best. It can also be set up to only be shown from a date or in a specified period.

I would advise you to use the existing advertisement function.

Lire plus
Posté le de John S.
Ross P.
Ross P.
User
Auteur

Thanks John

I like the Example 1 please.

I have tried doing the advertisement but it didn't seem to work for me as I was interested in setting the ad booking button to the centre of the page - Have included how I set it up for your comments, also a copy of your page as I see it here of the ad page you did.

Your page:

The page seems to be overridden by my trial of a landing page which even though I have cleared my cache still shows on my computer.

Thanks

Lire plus
Posté le de Ross P.
John S.
John S.
User

Code for example 1. The button is placed in the popup by making linebreaks. You can place it by rearranging the linebreaks. You can also make text. Style it at your needs. Set the path to the image on your own server.

Hope it is what you asked for.

<!-- =================================================================
======================================================================
======================================================================
POPUP ALWAYS
======================================================================
======================================================================
======================================================================-->


<!-- POPUP ALWAYS HTML - ======================================================================== -->

<div id="backdrop"></div>
<div id="popup">

<div id="close">X</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a class="popup_btn" href="https://www.passengersandco.co.nz/home.html#booking">Click here to book!</a>
</div>


<!-- POPUP ALWAYS JS - =============== -->

<script>
$(document).ready(function() {

$("#backdrop").click(function() {
$(this).fadeOut();
$("#popup").fadeOut();
});

$("#close").click(function() {
$("#backdrop").fadeOut();
$("#popup").fadeOut();
});

});
</script>

<!-- POPUP CSS - ========================================================================== -->
<style>
#backdrop {
position: fixed;
display: block;
background: #000;

width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0.7;
}

#popup {
position: fixed;
width: 500px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
background-image: url("https://pindown.eu/sparta13/files/landing-page-mexico2.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
padding: 60px 0;
text-align: center;
box-shadow: 0 0 10px 0 #000;
z-index: 150;
}

#close {
position: absolute;
right: -15px;
top: -15px;
border-radius: 50%;
width: 30px;
height: 30px;
background: #fff;
color: #888;
-webkit-box-shadow: 0 0px 9px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0px 9px rgba(0, 0, 0, 0.9);
box-shadow: 0 0px 9px rgba(0, 0, 0, 0.9);
font-family: 'Arial Black', Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 30px;
text-align: center;
cursor: pointer;
}

#popup a {
position: relative;
display: block;
width:40%;
margin: 20px auto;
padding:2%;
border-radius:10px;
color:#fff;
text-decoration:none;
transition: all .3s ease;
}

#popup a:link, #popup a:active, #popup a:visited {
background-color:#0093D0;
}

#popup a:hover {
background-color:#0F6588;
}
</style>

Lire plus
Posté le de John S.
John S.
John S.
User

Hello again

I think you should try again the advertisement.

https://pindown.eu/sparta13/    (clear cache by using Ctrl+F5)

I use this:

And this

I made a new test where I edited the image, so there is a "button" on the image. When the image is clicked the user is guided to the booking section on the page. by using this:

https://www.passengersandco.co.nz/home.html#booking  as URL.

I think it comes quite close and no special code is required.

Lire plus
Posté le de John S.
Ross P.
Ross P.
User
Auteur

Thank you once again John.

I am going to take your advice and keep trying the advertisement function, even though at this stage it does not appear on my screen.

I really appreciate all the effort and work you have done helping and guiding me with this problem.

Hope you have a great day ahead, stay well and keep up your great work helping others.

Kindest regards

Ross

Lire plus
Posté le de Ross P.