Escolha um layout para as páginas da sua área de membros e personalize-o como desejar. Opções de layout Existem dois layouts para você escolher. Saiba mais sobre eles abaixo e selecione o que é certo para o seu site. Layout de largura total O design do perfil para o layout de largura total das páginas dos membros abrange a largura do seu site. Isso significa que fica ótimo em qualquer tela de tamanho em que seus visitantes estejam visualizando seu site, incluindo dispositivos móveis. Layout de cartões (padrão) O layout dos cartões é mais um layout tradicional e atende melhor às empresas formais, pois coloca menos ênfase no membro. Também é muito fácil mover cada seção individualmente e colocá-la onde quiser.  Personalizando o layout no celular O layout das páginas dos membros também parece impressionante em dispositivos móveis, e você pode personalizá-lo separadamente para o layout da área de trabalho. Isso significa que você pode ter uma foto de capa e cor diferentes, um design diferente e mostrar ou ocultar recursos de membros apenas no seu site móvel. Dica:Vá para o editor móvel para conferir. Para personalizar o layout para celular: Vá para o editor móvel . Clique no menu suspenso Alternar página na barra superior. Clique na página Minha conta. Clique no cartão de perfil do membro. Clique em configurações . Personalize seu layout móvel para as páginas dos membros.

Crie Páginas Exclusivas para Membros assinantes no seu site Wix. Nota: Certifique-se de ter adicionado a área de membros ao seu site antes de criar as páginas exclusivas para membros. Criando um Plano em Planos Pagos Com os planos pagos, você pode criar e vender planos e pacotes de associação. Por exemplo, você pode oferecer: Uma associação mensal a uma academia Um pacote de serviços Um plano único que termina em uma data definida Páginas exclusivas do site acessíveis apenas a membros pagantes Acesso exclusivo ao blog apenas para membros pagantes Selecione quais membros podem acessar essa página: Apenas membros selecionados ou clientes pagantes: Limite o acesso à essa página a membros específicos. Você pode escolher limitar essa página para: Clientes pagantes: Membros que adquiriram um plano específico. Leia mais.   Clique no ícone de Editar abaixo de Selecione entre seus Planos Pagos. Selecione qual plano permite o acesso à essa página.  Clique em Aplicar. Para criar um plano: Vá para Gerenciar Planos no painel do seu site..  Clique em Criar Plano. Na seção de Informações do Plano: Preencha o nome do plano. (Opcional) Preencha um slogan. Liste os benefícios do plano. 4. Na seção de Preço e Duração, selecione um tipo de pagamento. Você pode criar planos com pagamento recorrente, pagamento único ou plano gratuito. 5. Crie uma política para o seu plano. A política aparece na página de checkout. 6. Faça deste um plano de teste que os clientes possam reservar apenas uma vez. 9. Ofereça conteúdo exclusivo aos membros, conectando o plano pago que você criou às páginas do seu site. Bônus: saiba como conectar o meio de pagamento no seu site. 1 etapa: Crie uma conta no pagseguro, paypal ou Mercado pago e integre ao seu site. (para pagamentos recorrentes só com Paypal) 2 etapa: Escolha uma opção e configure 3 etapa: coloque o email da sua conta no paypal. Veja o vídeo

Você pode usar o formulário personalizado de registro do Wix junto com o login personalizado feito pelo código Wix. Etapa 1: Para usar o formulário personalizado da Wix, entre no menu inscrição de membros, selecione formulário personalizado ao invés de formulário Corvid. 2 etapa: Adicione os campos do seu formulário da maneira que achar melhor e configure o design e posição do seu formulário de registro. 3 etapa: Apague o campo de texto (Já é um membro? Faça login) do formulário da Wix e crie outro adicionando o mesmo texto. Após adicionar seleciona o nome, faça o login e link com a janela de login personalizado que você criou de acordo com nosso tutorial de login personalizado. Veja um exemplo no vídeo:

O que você deve saber antes de começar: Este artigo mostra como criar um registro personalizado para que um visitante do site efetue login como membro do seu site. Um membro do site é uma pessoa que pode efetuar login em todas as páginas do seu site usando a janela pop-up nativa do Wix ou criando sua própria janela personalizada de login. Etapa 1: ativar as Ferramentas do desenvolvedor Sempre ative as Ferramentas do desenvolvedor de dentro do Wix Editor antes de começar a codificar. Etapa 2: adicionar elementos de entrada na janela de Registro de Membro Dica: você pode usar o próprio formulário personalizado da Wix como janela de registro, ao invés de criar uma no código. saiba como aqui Adicione quaisquer elementos de entrada na janela de registro para criar seu formulário e design de registro personalizados, conforme desejado. Por exemplo, usamos os seguintes elementos em uma mesa de luz: Primeiro nome Último nome O email Senha Etapa 3: Definir configurações do elemento de entrada Em nosso exemplo, definimos um dos nossos elementos de entrada de texto como Tipo de senha e Obrigatório . Definimos essas configurações clicando no ícone Configurações que aparece acima do elemento após a seleção do elemento. Ao defini-lo como Tipo de senha, ele criptografará automaticamente todos os caracteres digitados nesse elemento de entrada específico. Definimos outro elemento de entrada de texto como Tipo de email, para que ele possa auditar automaticamente os caracteres digitados nesse elemento de entrada específico para garantir que estejam em um formato de email correto. Em nosso exemplo, definimos todos os campos como obrigatórios, para que nossos elementos mostrem um erro quando um visitante ignora esse campo de entrada. Nós projetamos nossos elementos (usando o ícone do pincel ) para serem destacados em uma cor vermelha para facilitar ao visitante a visualização do erro do elemento de entrada que foi ignorado. Etapa 4: configurar o painel de propriedades de cada elemento Nome do ID do elemento Clique com o botão direito do mouse em qualquer elemento e selecionando ' Exibir Propriedades ' ou, no Menu Ferramentas, na parte superior do Editor, selecione Painel de Propriedades. Alteramos os IDs de nossos elementos para o seguinte (para facilitar a compreensão do código): primeiro nome último nome o email senha Nome do ID do elemento Você pode clicar no nome do ID para alterá-lo para outra coisa. É sempre uma boa prática alterar o nome do ID para algo que possa ser facilmente lembrado e identificado no Painel de Código, especialmente quando você possui muitos elementos que podem estar codificando. Lembre-se de que o nome do ID deve ser exclusivo para que seu código saiba a qual elemento você está se referindo. Sem espaços e maiúsculas e minúsculas Ao renomear seus IDs de elemento, você não pode usar espaços, não é possível começar com um número e deixe as letras em minúsculas ao digitar os IDs dos elemento. Etapa 5: adicionar e configurar o botão Enviar Etapa 6: adicione o código à sua página Agora você escreverá um código para acionar a inserção dos detalhes do registro de cada elemento no Wix CRM ao clicar no registrobutao . O código para o Botão em nosso exemplo é igual a este: import wixUsers from 'wix-users'; import wixWindow from 'wix-window'; $w.onReady(function () { $w("#registrobutao").onClick( (event) => { let email = $w("#email").value; let password = $w("#senha").value; let first = $w("#nome").value; let last = $w("#sobrenome").value; wixUsers.register(email, password, { contactInfo: { "nome": first, "sobrenome": last } } ) .then( (result) => { let resultStatus = result.status; wixWindow.lightbox.close(); wixWindow.openLightbox("login"); } ); } ); }); Veja o vídeo:

Copie o link abaixo e troque o número em vermelho pelo o seu junto com o DDD, não apague o número 55. Na parte verde do link você pode escrever um texto para o usuário enviar quando clicar no botão do WhatsApp. LINK: https://wa.me/556133755602?text=Ol%C3%A1%2C%20estou%20precisando%20de%20um%20or%C3%A7amento. Para personalizar uma frase troque a frase em verde pela sua. Useu o %20 no lugar do espaço entre as palavras. Dica: Copie o link, crie um botão e coloque o link ou coloque uma imagem da logo do whatsapp no seu site e coloque o link na imagem, se preferir coloque como fixo na lateral do site, veja como: Clique no botão Gire o botão para ficar na vertical Clique com botão direito do mouse e selecione posição fixa Configure a posição que você quer deixar o botão ou ícone do whatsApp no site. Baixe um ícone do WhatsApp para usar no lugar do botão se preferir:

Agora, liberado para todo mundo o Instagram suporta a visualização de Lives pelo desktop, para conseguir assistir, visite: Instagram.com e se a conta estiver com uma live, clique na imagem do perfil para assistir ou utilize os aplicativos oficiais disponível para Windows 10 na loja, como este:

Se você já transmiti para o Facebook e Youtube pelo Notebook ou Computador, e não sabe como enviar para o instagram, use Yellow Duck ou Instafeed. o Yellow Ducké um software gratuito que você baixa e instala no seu notebook ou pc e conecta a conta do seu instagram. Após conectar seu instagram, o software vai gerar o rtmp e a chave de transmissão do seu instragram, igual a que é gerado no Facebook e Youtube live. 2 opção: Outro software que você pode usar para transmitir ao vivo do computador para o instagram é o Instafeed, a principal diferença dele para o Yellow Duck que vimos acima, é que ele é totalmente online e você também consegue gerar a chave de transmissão quando quiser, possibilitando uma autonomia maior para escolher quando quiser iniciar de fato a sua transmissão. O processo é o mesmo, porém o Instafeed é online, não precisa baixar. Basta logar com seu instagram e copiar o rtmp e chave de transmissão para fazer sua live pelo pc ou notebook. Dica: Testamos os dois e o Instafeed saiu melhor, o Yellow da um problema constante ao tentar logar e fica instável as lives em alguns momentos. Outra opção do Instafeed é a de usar o próprio link de uma live ou algum vídeo do Youtube para transmistir para o Instagram. A cada vez que logar no Instafeed rtmp, você poderá criar até 4 chaves para lives, ou seja 4 horas de transmissão. Quando acabar faça o logout e entre de novo com sua conta para renovar mais 4 chaves. Observação: Atualmente o Instagram só transmitir uma hora de live, sendo assim após uma hora a sua transmissão acaba automaticamente, então é preciso iniciar novamente com uma nova chave.

O que você deve saber antes de começar: NÃO USE FORMULÁRIOS WIX PARA ESTE TUTORIAL Este tutorial não funcionará se você usar o Wix Forms para criar seus elementos de formulário. Este tutorial mostrará como adicionar seus elementos e criar o formulário do zero. Este artigo mostra como criar uma tela de login personalizada para que um visitante do site efetue login como membro do seu site. Um membro do site é uma pessoa que pode efetuar login em todas as páginas do seu site usando a janela pop-up nativa do Wix ou criando sua própria janela personalizada de login. Você vai aprender a criar uma tela de Login personalizada. Etapa 1: ativar as Ferramentas do desenvolvedor Sempre ative as Ferramentas do desenvolvedor de dentro do Wix Editor antes de começar a codificar. Etapa 2: adicionar elementos de entrada à sua janela Adicione quaisquer elementos de entrada à sua janela para criar seu formulário e design de registro personalizados, conforme desejado. Por exemplo, usamos os seguintes elementos neste: Entrada para Email Entrada para Senha botão login Textos Etapa 3: Definir configurações do elemento de entrada Em nosso exemplo, definimos um dos nossos elementos de entrada de texto como Tipo de senha e Obrigatório . Definimos essas configurações clicando no ícone Configurações que aparece acima do elemento após a seleção do elemento. Ao defini-lo como Tipo de senha, ele criptografará automaticamente todos os caracteres digitados nesse elemento de entrada específico. Definimos outro elemento de entrada de texto como Tipo de email, para que ele possa auditar automaticamente os caracteres digitados nesse elemento de entrada específico para garantir que estejam em um formato de email correto. Em nosso exemplo, definimos todos os campos como obrigatórios, para que nossos elementos mostrem um erro quando um visitante ignora esse campo de entrada. Nós projetamos nossos elementos (usando o ícone do pincel) para serem destacados em uma cor vermelha para facilitar ao visitante a visualização do erro do elemento de entrada que foi ignorado. Ainda precisa de ajuda? Compre o templete com o código adicionado Etapa 4: configurar o painel de propriedades de cada elemento Abra o Painel de Propriedades clicando com o botão direito do mouse em qualquer elemento e selecionando ' Exibir Propriedades ' ou, no Menu Ferramentas, na parte superior do Editor, selecione Painel de Propriedades. Alteramos os IDs de nossos elementos para o seguinte (para facilitar a compreensão do código): email senha Nome do ID do elemento Você pode clicar no nome do ID para alterá-lo para outra coisa. É sempre uma boa prática alterar o nome do ID para algo que possa ser facilmente lembrado e identificado no Painel de Código, especialmente quando você possui muitos elementos que podem estar codificando. Lembre-se de que o nome do ID deve ser exclusivo para que seu código saiba a qual elemento você está se referindo. Sem espaços e maiúsculas e minúsculas Ao renomear seus IDs de elemento, você não pode usar espaços, não é possível começar com um número e as maiúsculas e minúsculas são importantes ao digitar os IDs de elemento em seu código. Etapa 5: adicionar e configurar botões Em nosso exemplo, rotulamos nosso primeiro botão  Entrar Atualize o nome do ID do elemento. Em nosso exemplo, chamamos de loginButton . E, finalmente, adicione o evento onClick no painel Propriedades. Na propriedades da mensagem em vermelho na imagem colocamos no ID o nome erro e marcamos a caixa do Recolhimento ao carregar. Nomeamos nosso segundo texto como Esqueci minha senha . Atualize o nome do ID do elemento. Em nosso exemplo, nós o nomeamos: esqueciasenha Não ative o evento onClick e não vincule esse botão a nenhum link ou conjunto de dados Nomeamos nosso terceiro texto como Ainda não tem uma conta? registre-se link o nome registre-se para a janela do formulário de registro personalizado do Wix Outra opção é criar a própria janela de formulário de registro com Código wix Temos o tutoria para as duas opção! Etapa 6: adicione o código à sua janela de login Agora você escreverá um código para acionar o login clicando no botão login . O código em nosso exemplo se parece com isso: O código da janela de registro está aqui neste post import wixUsers from 'wix-users'; import wixLocation from 'wix-location'; import wixWindow from 'wix-window'; $w.onReady(function () { $w("#esqueciasenha").onClick( (event) => { //wixWindow.lightbox.close() wixUsers.promptForgotPassword() .then( ( ) => { // } ) .catch( (err) => { let errorMsg = err; //"The user closed the forgot password dialog" }); }); }); export function loginButton_click(event) { let email = $w("#email").value; let password = $w("#senha").value; wixUsers.login(email, password) .then( () => { console.log("User is logged in"); wixLocation.to("/minha-conta/minha-conta"); //Change the URL ending to whatever page you want to send the user to after they log in. } ) .catch( (err) => { console.log(err); $w("#erro").expand(); // You can delete this line if you are not going to add an error message. Use a regular text element set to 'collapse on load' from the Properties Panel. } ); } Veja o tutorial em vídeo #wix #loginwix #personalizado #codigowix #corvid #portugues #brasil #tutoriais