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
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).
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).
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).
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.
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.
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.
Cole no campo Embed Code (Incorporar código) no menu Definições do elemento HTML:
Clique em Update (Atualizar) para guardar o código de incorporação. O botão de marcações terá este aspeto quando for publicado:
Clique em Publish (Publicar).
Veja todos os passos aqui:
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.
Esta página contém:
- Cabeçalho do site
- Bloco de título e HTML: é aqui que vai adicionar o código de incorporação do botão
- Bloco de título e parágrafo: aqui, pode acrescentar informações adicionais para os seus clientes, como informações de pagamento.
- Rodapé do site
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.
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>