VistaPrint-hjemmesiden din kan integreres med gratis og rimelige avtalebestillingsverktøy på nettet som vil hjelpe deg med å holde kontakten med kundene dine og fortsette å drive virksomheten din.

Mange små bedrifter blir virtuelle for å tilby nettbaserte kurs, digitale gavekort eller personlige videoavtaler med kunder. Her er noen tips og teknikker til å begynne med virtuelle tjenester. Til og begynne med, ser vi på avtalebestilling og hvordan du kan tilby dette på VistaPrint-hjemmesiden din.

I denne artikkelen, vil vi:

• anbefale at du oppretter en avtalebok på Setmore.com
• vise deg hvordan du henter en innebygd kode fra Setmore-kontoen din
• vise deg hvordan du limer den inn i HTML-elementet i VistaPrints hjemmesidebygger
• gi deg profesjonelle tips om publisering, betaling og styling

Lag din egen avtalebok på nettet

For å lage din egen avtalebok på nettet, gå til Setmore.com og opprett en konto hvis du ikke allerede har en.

Gå gjennom trinnene for å sette opp virksomheten din. (For mer informasjon, se Setmores kundestøtteveiledning.)

Når du er ferdig med oppsettet, gå til Apper og integrasjoner, og skroll ned til Website Booking og klikk på Booking Widget.

På Booking Widget-siden, bruker du de anbefalte innstillingene for å generere den innebygde koden du vil bruke på VistaPrint-siden din (klikk på bildet for å forstørre).

Lag plass på hjemmesiden din for avtalebestilling

Hvis du allerede har en VistaPrint-hjemmeside, velg hvor på siden du vil nevne virtuelle avtaler. Du kan for eksempel legge til en kort blurb om avtaler øverst på hjemmesiden din, og opprette en ny side for avtaler med komplett informasjon.

Når du har funnet ut hvor du vil koble til den nettbaserte avtaleboken din, må du holde musepekeren over Legg til element. Klikk på det grønne plusstegnet for å starte Elementer-menyen og velg HTML-elementet i Populære-delen (også inkludert under Tilbehør).

Før du kan legge til elementet på hjemmesiden din, vil du se en melding som informerer deg om at du bare må bruke koder fra pålitelige kilder og at VistaPrint ikke kan garantere støtte for egendefinert kode. Klikk på Jeg forstår for å begynne tilpasningen av elementet. 

Når du har lagt til HTML-elementet, klikker du på plassholderen for å starte verktøylinjen og deretter på Innstillinger-tannhjulet helt til venstre. Dette vil vise Innebygd kode-menyen.

Klikk på tannhjulet for innstillinger for å legge til koden din og klikk på Oppdater.

Gå tilbake til Booking Widget-siden på Setmore.com. I innebygd kode-vinduet kan du Velge alle og Kopiere hele kodeblokken.

Lim dette inn i Innebygd kode-feltet i menyen for Innstillinger i HTML-elementet:

Klikk Oppdater for å lagre den innebygde koden din. Bestillingsknappen din vil se slik ut når den publiseres:

Klikk på Publisere.

Se alle trinn her:

 MERK: Hvis HTML-elementet fremdeles ser tomt ut for innebygd kode, kan du dobbeltsjekke HTML-elementinnstillingene for kopi/limt innebygd kode fra Setmore.com og kontrollere om du har oppdatert med den komplette kodeblokken.

Opprett en egen side for avtaler

I tillegg til å opprette et sted på hjemmesiden din der kunder kan bestille avtaler, kan du også lage en detaljert avtaleside. 

I hjemmesidebyggeren din, går du til Redigere sider Legg til side Avtaler.

Denne siden inneholder:

1. Overskrift
2. Tittel og HTML-blokk: det er her du legger til innebygd kode-knappen.
3. Tittel og avsnitt-blokk: her kan du legge til informasjon til kundene dine, som betalingsinformasjon. 
4. Bunntekst

Slik krever du betaling og tips

Små bedrifter får inntekter ved å belaste for virtuelle avtaler og nettkurs. Du kan gjøre det samme ved hjelp av VistaPrint-hjemmesiden din eller andre kostnadsfrie eller rimelige verktøy. Følgende verktøy er kun anbefalinger og ikke tilknyttet VistaPrint.

Square

Setmore.com lar brukere med kostnadsfri basisplan direkte integrere Square som betalingsprosessor. 

Hvis du har en Square-betalingsprosessorkonto (eller ønsker å opprette en gratis), kan du koble Setmore-avtaleboken din med Square-kontoen din for å belaste kunder direkte i det øyeblikket de ber om en avtale med deg. Square-betalingsprosessen settes inn i arbeidsflyten for avtaler som kunden din ser, så den er problemfri.

For å lese mer om Setmores alternativer for betalingsintegrasjon, gå til: https://support.setmore.com/en/collections/87087-payments

Venmo

Hvis du bruker Venmo for betaling, kan du legge til tittel- eller avsnittelementer på siden din som nevner Venmo-håndtaket.

Du kan også legge til Venmo-håndtaket ditt under firmaopplysninger, personalopplysninger og e-postvarselsignaturer med Setmore. For å lese mer om alle alternativene innenfor Setmore, kan du gå til deres Hjelp-artikler her: https://support.setmore.com/en/

Paypal

Hvis du bruker PayPal for betaling, identifiser den offentlige PayPal-siden din. Det er vanligvis Paypal.me/dittbrukernavn. Dette er siden der kundene dine kan angi et valutabeløp og utføre betalingen til deg.

Dette er URL-en du vil hyperkoble i VistaPrints hjemmesidebygger.

Legg nå til et tittel- eller avsnittselement på hjemmesiden din, og fyll den med tekst som skal hyperkobles, for eksempel «Betal for tjenesten din med PayPal.»

Velg teksten og klikk på hyperkoblingsknappen i elementer-verktøylinjen.

Velg nå en ekstern kobling, og lim inn URL-adressen til den offentlige Paypal-siden din.

Klikk på Lagre endringer.

Klikk på Publisere for å legge de siste endringene dine ut på nettet.

Du kan gjøre det samme hvis du vil hyperkoble et Knapp-element hvor som helst på hjemmesiden din også. Klikk her for mer informasjon om å lage hyperkoblinger.

Andre betalingsmåter

For andre betalingsformer, anbefaler vi på det sterkeste at du tilbyr kundene dine flere raske og enkle veier for å komme direkte til din foretrukne betalingsmåte ved å bruke hyperkoblinger i form av knapper og/eller hyperkoblet tekst. Se merknadene om PayPal ovenfor for hvordan du hyperkobler tekst og knapper til andre betalingsmåter.

Avansert knapptilpasning

Hvis du ønsker å tilpasse hvordan avtalebestillingsknappen vises, bruk følgende kode.

<style>  

.style-my-text {
  text-decoration: none;
  color: white;
  font-size: 16px;  
}  
.give-my-button-color {
  background-color: Green;    
}  
.set-the-width-of-my-button {
    width: 200px;
} 
.make-space-around-my-button-text{
    padding: 15px;
}  

.center-my-button {
  margin: 0 auto;
}  

.left-align-my-button {
  margin-left: 0;
  margin-right: auto;
}  

.right-align-my-button {
  margin-right: 0;
  margin-left: auto;
}  

.add-additional-styles-to-my-button {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  }

</style>

<div class = 
     "set-the-width-of-my-button 
      give-my-button-color 
      center-my-button 
      make-space-around-my-button-text 
      add-additional-styles-to-my-button" 
role="button" >

<script id="setmore_script" type="text/javascript" src="https://my.setmore.com/webapp/js/src/others/setmore_iframe.js"></script><a id="Setmore_button_iframe" class="style-my-text" href="https://my.setmore.com/bookingpage/INSERT YOUR BOOKING PAGE HERE">Book an Appointment</a></div>