Marcações online

O seu web site da Vistaprint pode ser integrado em ferramentas de marcações online gratuitas e de baixo custo, as quais o ajudam a estar em contacto remotamente com os clientes e a manter a atividade aberta.

Muitos pequenos negócios estão a aderir ao virtual para oferecer aulas online, cartões-presente digitais ou marcações cara a cara com os clientes. Eis algumas sugestões e técnicas de especialistas para começar a oferecer serviços virtuais. Para começar, vamos ver uma marcação e como oferecer esta possibilidade no seu site da Vistaprint.

Neste artigo, vamos:

  • Recomendar-lhe a criação de uma agenda com Setmore.com
  • Mostrar-lhe como extrair o código de incorporação da sua conta do Setmore
  • Mostrar-lhe como colar o código no elemento HTML do Criador de web sites da Vistaprint
  • Oferecer mais sugestões profissionais sobre publicação, pagamento e estilo
NOTA: Embora a Vistaprint não esteja afiliada à Setmore, recomendamos o seu serviço de fácil utilização e a sua subscrição básica a custo zero. Pode utilizar outros fornecedores de serviços de marcações online que ofereçam um código de incorporação que funcione com o site da Vistaprint. 

Criar a sua agenda online

Para criar a sua agenda online, aceda a Setmore.com e crie uma conta, se ainda não a tiver.

Percorra os passos para configurar o seu negócio. (Para obter mais detalhes, veja o manual de suporte da Setmore.)

Depois de concluir o fluxo de configuração, aceda a Apps & Integrations (Aplicações e integrações), desça até Website Booking (Marcação para sites) e clique em Booking Widget (Widget Marcações).

Apps_intergration_booking_widget_1000px.gif

Na página Booking Widget, utilize estas definições recomendadas para gerar o código de incorporação que vai utilizar no site da Vistaprint (clique na imagem para aumentar).

Booking_widget_settings_embed_code_1000px.gif

 

Criar espaço no site para as marcações

Veja os modelos de sites desenhados por profissionais aqui.

Se já tem um site da Vistaprint, escolha onde quer mencionar as marcações virtuais. Por exemplo, pode adicionar uma pequena chamada de atenção para as marcações no topo da página inicial e criar uma nova página de marcações com todos os detalhes.

Depois de escolher onde vai criar a ligação para as marcações online, paire o cursor do rato em Adicionar elemento. Clique no sinal verde de mais para abrir o menu Elementos e selecione o elemento HTML a partir da secção Popular (também está incluído em Extras).

Adding_HTML_pip_1000px.gif

Antes de poder adicionar o elemento ao site, verá uma mensagem a informar para se certificar de que só utiliza código de fontes fidedignas e que a Vistaprint não pode garantir suporte para código personalizado. Clique em Aceito para começar a personalizar o elemento. 

customhtml_warning.jpg

Uma vez adicionado o elemento HTML, clique no espaço reservado para abrir a barra de ferramentas e clique na roda dentada Definições mais à esquerda. É apresentado o menu Incorporar código.

customhtml_clickplaceholder.jpg

Clique na roda dentada Definições para adicionar o código e clique em Atualizar.

Volte à página Booking Widget em Setmore.com. Na janela de incorporação do código, pode Selecionar tudo e Copiar todo o bloco de código.

appointments_embedcode.jpg

Cole no campo Embed Code (Incorporar código) no menu Definições do elemento HTML:

appointments_pastecode.jpg

Clique em Update (Atualizar) para guardar o código de incorporação. O botão de marcações terá este aspeto quando for publicado:

appointments_button.jpg

Clique em Publish (Publicar).

Veja todos os passos aqui:

Adding_setmore_code_to_HTML_pip_900px.gif

 NOTA: Se parecer que o elemento HTML ainda não tem código de incorporação, volte a verificar as Definições do elemento HTML quanto ao código de incorporação copiado/colado de Setmore.com e confirme que atualizou completamente com o bloco inteiro do código.

SUGESTÃO: Num separador separado, aceda ao seu site ativo e experimente a nova agenda online. Ou peça a um amigo! Quando os testes forem bem-sucedidos, poderá estar confiante de que vai funcionar com os clientes.

 

Criar uma página de Marcações

Para além de criar um espaço na página inicial para os clientes marcarem compromissos, também pode criar uma página de marcações detalhada. 

No criador do web site, aceda a Editar páginas > Adicionar página > Marcações.

appointments_addpage.jpg

Esta página contém:

  1. Cabeçalho do site
  2. Bloco de título e HTML: é aqui que vai adicionar o código de incorporação do botão
  3. Bloco de título e parágrafo: aqui, pode acrescentar informações adicionais para os seus clientes, como informações de pagamento. 
  4. Rodapé do site

appointments_appointmentspage.jpg

 

Recolher pagamentos e gorjetas

Os pequenos negócios estão a fazer receitas através da cobrança de marcações virtuais e de aulas online. Pode fazer o mesmo com o seu site da Vistaprint e outras ferramentas de baixo custo gratuitas ou de baixo custo. As ferramentas seguintes são apenas recomendações e não estão afiliadas à Vistaprint.


Square

O Setmore.com permite aos utilizadores com subscrições Basic gratuitas integrarem-se diretamente com o Square como processador de pagamentos. 

Se tiver uma conta de processamento de pagamentos no Square (ou quiser criar uma conta gratuita), associar a agenda do Setmore ao Square permite-lhe cobrar aos clientes no momento em que reservam uma hora. O processamento de pagamentos do Square é inserido no fluxo de trabalho da marcação que o seu cliente vê, de modo a conferir uma experiência uniforme.

Para saber mais sobre as opções de integração de pagamentos do Setmore, aceda a: https://support.setmore.com/en/collections/87087-payments


Venmo


Se utilizaro Venmo para pagamentos, adicione alguns elementos de Título ou Parágrafo à página que mencionem o seu nome de utilizador do Venmo.

Também pode adicionar o nome de utilizador do Venmo aos detalhes da sua empresa, aos detalhes do pessoal e às assinaturas de notificações por e-mail no Setmore. Para saber mais sobre todas as opções dentro do Setmore, aceda aos respetivos artigos de Ajuda aqui: https://support.setmore.com/en/


PayPal


Se utilizar o Paypal para pagamentos, identifique a sua página pública do Paypal. Geralmente, é Paypal.me/nomedeutilizador. Esta é a página onde os seus clientes podem introduzir um montante em moeda e efetuar o pagamento.

Este é o URL que vai hiperligar no Criador de web sites da Vistaprint.

Agora, adicione um elemento Título ou Parágrafo à sua página web e preencha-o com o texto que vai ser hiperligado, tal como "Pague pelo seu serviço com o Paypal"

Selecione esse texto e clique no botão de hiperligação na barra de ferramentas do elemento.

appointments_paypaltext.jpg

Agora, selecione uma ligação externa e cole o URL da sua página pública do Paypal.

Clique em Guardar Alterações.

Clique em Publicar para que as últimas alterações entrem em vigor online.

Também pode fazer a mesma coisa para hiperligar um elemento de Botão em qualquer parte do seu web site. Clique aqui para mais informações sobre a criação de hiperligações.

P.S.: Se é uma organização sem fins lucrativos, pode utilizar o botão Doar com Paypal oferecido no Criador de web sites da Vistaprint.

P.P.S.: Se tiver uma subscrição Premium do Criador de web sites da Vistaprint, pode utilizar o botão de compra incorporado do Paypal. Para saber mais sobre a utilização do Paypal, clique aqui.


Outros métodos de pagamento

Para outras formas de pagamento, recomendamos vivamente que ofereça aos seus clientes múltiplos caminhos rápidos e fáceis para chegarem diretamente ao método de pagamento que preferem mediante a utilização de hiperligações em botões e/ou texto com hiperligações. Consulte as notas sobre o Paypal acima para obter os passos para hiperligar o texto e botões a outros métodos de pagamento.

Nunca recolha as informações dos cartões de crédito dos seus clientes através de e-mail do envio de formulários. Registar as informações de pagamento de uma pessoa diretamente num e-mail ou num envio de formulário é perigoso para si e para o cliente, uma vez que o deixa exposto a piratas informáticos. Utilize processadores de pagamentos com segurança de nível de banco para evitar o roubo de identidade e reduzir o risco de hacking. Os Termos de Utilização da Vistaprint também o proíbem de recolher informações pessoalmente identificáveis sobre os seus clientes com as nossas ferramentas. Utilize apenas processadores de pagamentos profissionais.

 

Personalização avançada de botões

Se quiser personalizar a forma como o botão de marcação é apresentado, utilize o seguinte código.

 

<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/INSIRA AQUI A SUA PÁGINA DE MARCAÇÕES">Faça a sua marcação</a></div>



 

Marcações onlineSeguir

O seu web site da Vistaprint pode ser integrado em ferramentas de marcações online gratuitas e de baixo custo, as quais o ajudam a estar em contacto remotamente com os clientes e a manter a atividade aberta.

Muitos pequenos negócios estão a aderir ao virtual para oferecer aulas online, cartões-presente digitais ou marcações cara a cara com os clientes. Eis algumas sugestões e técnicas de especialistas para começar a oferecer serviços virtuais. Para começar, vamos ver uma marcação e como oferecer esta possibilidade no seu site da Vistaprint.

Neste artigo, vamos:

  • Recomendar-lhe a criação de uma agenda com Setmore.com
  • Mostrar-lhe como extrair o código de incorporação da sua conta do Setmore
  • Mostrar-lhe como colar o código no elemento HTML do Criador de web sites da Vistaprint
  • Oferecer mais sugestões profissionais sobre publicação, pagamento e estilo
NOTA: Embora a Vistaprint não esteja afiliada à Setmore, recomendamos o seu serviço de fácil utilização e a sua subscrição básica a custo zero. Pode utilizar outros fornecedores de serviços de marcações online que ofereçam um código de incorporação que funcione com o site da Vistaprint. 

Criar a sua agenda online

Para criar a sua agenda online, aceda a Setmore.com e crie uma conta, se ainda não a tiver.

Percorra os passos para configurar o seu negócio. (Para obter mais detalhes, veja o manual de suporte da Setmore.)

Depois de concluir o fluxo de configuração, aceda a Apps & Integrations (Aplicações e integrações), desça até Website Booking (Marcação para sites) e clique em Booking Widget (Widget Marcações).

Apps_intergration_booking_widget_1000px.gif

Na página Booking Widget, utilize estas definições recomendadas para gerar o código de incorporação que vai utilizar no site da Vistaprint (clique na imagem para aumentar).

Booking_widget_settings_embed_code_1000px.gif

 

Criar espaço no site para as marcações

Veja os modelos de sites desenhados por profissionais aqui.

Se já tem um site da Vistaprint, escolha onde quer mencionar as marcações virtuais. Por exemplo, pode adicionar uma pequena chamada de atenção para as marcações no topo da página inicial e criar uma nova página de marcações com todos os detalhes.

Depois de escolher onde vai criar a ligação para as marcações online, paire o cursor do rato em Adicionar elemento. Clique no sinal verde de mais para abrir o menu Elementos e selecione o elemento HTML a partir da secção Popular (também está incluído em Extras).

Adding_HTML_pip_1000px.gif

Antes de poder adicionar o elemento ao site, verá uma mensagem a informar para se certificar de que só utiliza código de fontes fidedignas e que a Vistaprint não pode garantir suporte para código personalizado. Clique em Aceito para começar a personalizar o elemento. 

customhtml_warning.jpg

Uma vez adicionado o elemento HTML, clique no espaço reservado para abrir a barra de ferramentas e clique na roda dentada Definições mais à esquerda. É apresentado o menu Incorporar código.

customhtml_clickplaceholder.jpg

Clique na roda dentada Definições para adicionar o código e clique em Atualizar.

Volte à página Booking Widget em Setmore.com. Na janela de incorporação do código, pode Selecionar tudo e Copiar todo o bloco de código.

appointments_embedcode.jpg

Cole no campo Embed Code (Incorporar código) no menu Definições do elemento HTML:

appointments_pastecode.jpg

Clique em Update (Atualizar) para guardar o código de incorporação. O botão de marcações terá este aspeto quando for publicado:

appointments_button.jpg

Clique em Publish (Publicar).

Veja todos os passos aqui:

Adding_setmore_code_to_HTML_pip_900px.gif

 NOTA: Se parecer que o elemento HTML ainda não tem código de incorporação, volte a verificar as Definições do elemento HTML quanto ao código de incorporação copiado/colado de Setmore.com e confirme que atualizou completamente com o bloco inteiro do código.

SUGESTÃO: Num separador separado, aceda ao seu site ativo e experimente a nova agenda online. Ou peça a um amigo! Quando os testes forem bem-sucedidos, poderá estar confiante de que vai funcionar com os clientes.

 

Criar uma página de Marcações

Para além de criar um espaço na página inicial para os clientes marcarem compromissos, também pode criar uma página de marcações detalhada. 

No criador do web site, aceda a Editar páginas > Adicionar página > Marcações.

appointments_addpage.jpg

Esta página contém:

  1. Cabeçalho do site
  2. Bloco de título e HTML: é aqui que vai adicionar o código de incorporação do botão
  3. Bloco de título e parágrafo: aqui, pode acrescentar informações adicionais para os seus clientes, como informações de pagamento. 
  4. Rodapé do site

appointments_appointmentspage.jpg

 

Recolher pagamentos e gorjetas

Os pequenos negócios estão a fazer receitas através da cobrança de marcações virtuais e de aulas online. Pode fazer o mesmo com o seu site da Vistaprint e outras ferramentas de baixo custo gratuitas ou de baixo custo. As ferramentas seguintes são apenas recomendações e não estão afiliadas à Vistaprint.


Square

O Setmore.com permite aos utilizadores com subscrições Basic gratuitas integrarem-se diretamente com o Square como processador de pagamentos. 

Se tiver uma conta de processamento de pagamentos no Square (ou quiser criar uma conta gratuita), associar a agenda do Setmore ao Square permite-lhe cobrar aos clientes no momento em que reservam uma hora. O processamento de pagamentos do Square é inserido no fluxo de trabalho da marcação que o seu cliente vê, de modo a conferir uma experiência uniforme.

Para saber mais sobre as opções de integração de pagamentos do Setmore, aceda a: https://support.setmore.com/en/collections/87087-payments


Venmo


Se utilizaro Venmo para pagamentos, adicione alguns elementos de Título ou Parágrafo à página que mencionem o seu nome de utilizador do Venmo.

Também pode adicionar o nome de utilizador do Venmo aos detalhes da sua empresa, aos detalhes do pessoal e às assinaturas de notificações por e-mail no Setmore. Para saber mais sobre todas as opções dentro do Setmore, aceda aos respetivos artigos de Ajuda aqui: https://support.setmore.com/en/


PayPal


Se utilizar o Paypal para pagamentos, identifique a sua página pública do Paypal. Geralmente, é Paypal.me/nomedeutilizador. Esta é a página onde os seus clientes podem introduzir um montante em moeda e efetuar o pagamento.

Este é o URL que vai hiperligar no Criador de web sites da Vistaprint.

Agora, adicione um elemento Título ou Parágrafo à sua página web e preencha-o com o texto que vai ser hiperligado, tal como "Pague pelo seu serviço com o Paypal"

Selecione esse texto e clique no botão de hiperligação na barra de ferramentas do elemento.

appointments_paypaltext.jpg

Agora, selecione uma ligação externa e cole o URL da sua página pública do Paypal.

Clique em Guardar Alterações.

Clique em Publicar para que as últimas alterações entrem em vigor online.

Também pode fazer a mesma coisa para hiperligar um elemento de Botão em qualquer parte do seu web site. Clique aqui para mais informações sobre a criação de hiperligações.

P.S.: Se é uma organização sem fins lucrativos, pode utilizar o botão Doar com Paypal oferecido no Criador de web sites da Vistaprint.

P.P.S.: Se tiver uma subscrição Premium do Criador de web sites da Vistaprint, pode utilizar o botão de compra incorporado do Paypal. Para saber mais sobre a utilização do Paypal, clique aqui.


Outros métodos de pagamento

Para outras formas de pagamento, recomendamos vivamente que ofereça aos seus clientes múltiplos caminhos rápidos e fáceis para chegarem diretamente ao método de pagamento que preferem mediante a utilização de hiperligações em botões e/ou texto com hiperligações. Consulte as notas sobre o Paypal acima para obter os passos para hiperligar o texto e botões a outros métodos de pagamento.

Nunca recolha as informações dos cartões de crédito dos seus clientes através de e-mail do envio de formulários. Registar as informações de pagamento de uma pessoa diretamente num e-mail ou num envio de formulário é perigoso para si e para o cliente, uma vez que o deixa exposto a piratas informáticos. Utilize processadores de pagamentos com segurança de nível de banco para evitar o roubo de identidade e reduzir o risco de hacking. Os Termos de Utilização da Vistaprint também o proíbem de recolher informações pessoalmente identificáveis sobre os seus clientes com as nossas ferramentas. Utilize apenas processadores de pagamentos profissionais.

 

Personalização avançada de botões

Se quiser personalizar a forma como o botão de marcação é apresentado, utilize o seguinte código.

 

<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/INSIRA AQUI A SUA PÁGINA DE MARCAÇÕES">Faça a sua marcação</a></div>



 

Want to contact us?
phone
1.866.614.8002
Sun. 8:00 AM-8:00 PM Mon. - Fri. 7:00 AM-3:00 AM Sat. 8:00 AM-8:00 PM
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day