Does anyone know how to embed liveres to webflow website please?

Does anyone know how to embed liveres to webflow website please? My client just want to use liveres online booking system, but I found the instruction that the liveres stuff gave me is quite confusing… I am not good at developing. And I can not find any tutorial on youtube.

Can you point to those instructions or copy them here?

yep, sure.

in the email

it needs styling in advance by your web developer so the look and feel of the booking widget matches your brand and website.

Your web developer will need to import the CSS and implement any features/designs before saving the changes and implementing onto the website. If you forward this email to them they will be able to find all the information they require by visiting our instructions page.

Please note, the booking widget attached is linked to your live account so any test bookings you make will appear in the system.

All customers who make an online reservation will receive an email confirmation. This confirmation is sent by us on your behalf. In order to ensure your customers receive these emails we need you to give permission for us to send on your behalf. We have attached some SPF instructions for your web developer to ensure our IP addresses are white listed, so we can fulfil this service. Please ensure this is completed before your training.

then here are some attached document:

SPF Setup Guide
WHAT IS AN SPF AND WHY DO WE NEED ONE?
The Sender Policy Framework (SPF) Record is used to confirm that we have permission to send using your domain and we are
not spoofing messages from your organisation.
Definition of Spoofing: ‘The act of impersonating or masquerading as a person or organisation’
ISPs/IEPs monitor sends and will recognise that we are sending out from a domain which is not our own. They will then check
the SPF record of the domain. As long as this is pointing back to our platform messages will be authenticated.
Without this, they will assume we do not have consent and will block most, if not all messages.
HOW DO I SETUP AN SPF RECORD?
The person responsible for your website will usually know is involved and should be able to help given the below.
If you don’t currently have an SPF record, you simply need to create a TXT DNS record with the following value:
v=spf1 mx a include:txdltd.co.uk ~all
If you have an existing record simply add the bold include element as shown below:
v=spf1 mx a include:txdltd.co.uk ~all
HOW DO I KNOW IF IT’S SETUP CORRECTLY
WORKING?
TXD Digital Marketing (another company in our group) have developed a simple tool to help -
https://secure.txdlimited.co.uk/spf/
FURTHER READING:
http://www.openspf.org/
Help prevent spoofing and spam with SPF - Google Workspace Admin Help
Sender Policy Framework - Wikipedia
SPF Query Tool

another one: this is a html txt

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LiveRES Demo Unit</title>
<style type="text/css">
#container{width:710px;height:485px}
/* 7" tablet */
@media only screen and (max-width: 709px)
{
#container{width:610px;height:585px}
}
/* phone landscape */
@media only screen and (max-width: 609px)
{
#container{width:480px;height:585px}
}
/* phone portrait*/
@media only screen and (max-width: 479px)
{
#container{width:320px;height:855px}
}
</style>

</head>
<body>
    <div id="container">

<script type="text/javascript">
<!--
  
  
    _fez_account = "8f110100-7b4e-4af6-a8ad-22f9fe8a7f9c";
    _fez_brand = "1";
    _fez_rest = "SWI";
    _fez_width = "100%";
    _fez_height = "100%";
    _fez_scrolling = "No";
    _fez_anal = "";
    _fez_stylesheet = "http://test.liveres.co.uk/css/responsive_demo1.css";
   _fez_mobile = "no"
    _fez_ascript = "0"
    _fez_head = "Table Reservation";
    _fez_desc = "";
    _fez_offer = "";
    _fez_offerpopup = "1";
    _fez_partner = "";
    _fez_restaurantpicker = "";
    _fez_daymarketingpopup = "1";
    _fez_offerpicker = "";
    _fez_offerpopupchoosefullprice = "";
    _fez_choosefullprice = "";
       
-->
</script>
<script type="text/javascript"
src="http://bookings.liveres.co.uk/scripts/fez.js"></script>

</body>
</html>

thanks in advance

sorry , the second one should be:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LiveRES Demo Unit</title>
<style type="text/css">
#container{width:710px;height:485px}
/* 7" tablet */
@media only screen and (max-width: 709px)
{
#container{width:610px;height:585px}
}
/* phone landscape */
@media only screen and (max-width: 609px)
{
#container{width:480px;height:585px}
}
/* phone portrait*/
@media only screen and (max-width: 479px)
{
#container{width:320px;height:855px}
}
</style>

</head>
<body>
    <div id="container">

<script type="text/javascript">
<!--
  
  
    _fez_account = "8f110100-7b4e-4af6-a8ad-22f9fe8a7f9c";
    _fez_brand = "1";
    _fez_rest = "SWI";
    _fez_width = "100%";
    _fez_height = "100%";
    _fez_scrolling = "No";
    _fez_anal = "";
    _fez_stylesheet = "http://test.liveres.co.uk/css/responsive_demo1.css";
   _fez_mobile = "no"
    _fez_ascript = "0"
    _fez_head = "Table Reservation";
    _fez_desc = "";
    _fez_offer = "";
    _fez_offerpopup = "1";
    _fez_partner = "";
    _fez_restaurantpicker = "";
    _fez_daymarketingpopup = "1";
    _fez_offerpicker = "";
    _fez_offerpopupchoosefullprice = "";
    _fez_choosefullprice = "";
       
-->
</script>
<script type="text/javascript"
src="http://bookings.liveres.co.uk/scripts/fez.js"></script>

</body>
</html>

and this Live RES reservation insert instructions I just tried me best but still cannot understand.

This topic was automatically closed after 60 days. New replies are no longer allowed.