Șabloane de cărți poștale de Anul Nou pentru corespondență. Felicitări de Anul Nou: cum să creați și să trimiteți rapid. Șablon adaptiv de e-mail pentru magazin online

Cu siguranță, ați auzit despre minunata bibliotecă Javascript numită jQuery. Ce este exact jQuery?

Cum să faci viața unui dezvoltator web mai ușoară? De unde să încep? jQuery face scrierea Javascript mai distractivă și mai ușoară. Cu această bibliotecă, multe aspecte destul de complexe ale Javascript pot fi implementate cu ușurință în orice aplicație.

Lecția de astăzi vă va spune cum să începeți cu jQuery și cum să scrieți primul script.

Ce este jQuery?

jQuery este o bibliotecă Javascript foarte ușoară (unii o numesc cadru) care elimină durerea de cap din scrierea codului Javascript. Are o mulțime de caracteristici foarte puternice, cum ar fi: urmărirea DOM, adăugarea efecte frumoaseși animații la elemente, tehnici și metode Ajax super simple. Pe pagina principală a site-ului jQuery, cea mai exactă descriere, după părerea mea:

jQuery este o bibliotecă rapidă și concisă care simplifică gestionarea evenimentelor, animația și interacțiunea Ajax pentru o dezvoltare web mai rapidă. jQuery este conceput pentru a schimba modul în care este scris JavaScript.

Care sunt beneficiile jQuery?

Să aruncăm o privire rapidă la câteva dintre avantajele și proprietățile acestui cadru:

Cantitatea de cod (necesară pentru rularea scriptului) este semnificativ redusă în comparație cu JavaScript, ceea ce înseamnă, la rândul său, mai puțin timp petrecut și un cod mai ușor de citit. Restul articolului va analiza câteva exemple.

Cod mult mai ușor de înțeles (spre deosebire de JavaScript). În lumea noastră, cu cât terminați mai repede procesul de programare, cu atât mai mult timp puteți dedica altor obiective.

Documentare foarte convenabilă și o comunitate activă, întotdeauna gata să ajute dacă este necesar.

Utilizarea Ajax devine mult mai ușoară. Aveți nevoie doar de 5 linii de cod (uneori mai puțin) pentru a crea o cerere simplă Ajax.

Un număr mare de plugin-uri cu care poți face aproape orice.

jQuery este distractiv :)

Cum să încep?

În primul rând, trebuie să vizitați pagina principală a site-ului oficial jQuery și să descărcați cea mai recentă versiune a acestui cadru. După descărcare, trebuie să încărcați acest fișier pe găzduirea dvs. și să scrieți un link către acest fișier în antetul documentului.

Alternativ, puteți folosi ajutorul marelui Google și puneți un link către serverul lor, unde se află întotdeauna cele mai recente versiuni ale oricăror cadre. Link-ul necesar poate fi găsit.

Este documentul gata?

Pentru a executa primul nostru script jQuery, trebuie să împachetăm întregul nostru script într-o funcție. Această funcție va fi executată când DOM-ul este complet gata (când „documentul este gata” - traducere literală din engleză). Rețineți că acesta este foarte asemănător cu evenimentul popular „onload”, dar nu este același lucru. Să ne uităm la un exemplu:

$(document).ready(function())( //Cod aici ));

Mai sus îi spunem jQuery să execute orice cod în interiorul funcției, cu DOM-ul complet gata. Acest lucru are avantajele sale, în ciuda faptului că poate să nu fie clar pentru mulți. În primul rând, folosind această tehnică, separăm complet Javascript de HTML. În al doilea rând, nu trebuie să așteptăm ca pagina să se încarce complet, DOM-ul este suficient pentru a se încărca.

Pentru codificatorii leneși sau pentru cei care numără fiecare caracter, puteți scurta și mai mult codul de mai sus:

$(funcție())( //Cod aici ));

Primul tău script jQuery

Știm deja cum să facem referință la bibliotecă. De asemenea, înțelegem puțin despre funcția document.ready. Acum este timpul să scrieți un scenariu simplu.

Să o facem cât se poate de simplă. Pentru acest exemplu, să facem o pagină cu text și un citat la sfârșit. Dorim să arătăm cotația doar dacă utilizatorul face clic pe buton. Aruncă o privire mai jos la codul necesar pentru asta:

$(document).gata(funcție())(
var myQuote = $("#my_quote");
myQuote.hide();
$(".button").click(funcție())(
myQuote.show(500);
});
});

Să aruncăm o privire mai atentă la întregul cod.

După cum am menționat mai sus, punem tot codul de executat în funcția $document.ready().

Atribuim id-ul citatului nostru (my_quote) variabilei myQuote. Acum avem acces la citatul cu id my_quote.

Asta este. Când apăsați butonul timp de 0,5 secunde, va fi afișat un citat. Foarte ușor, nu-i așa?

De continuat....

Vă mulțumim pentru atenție! Toate cele bune!

Ajunul sărbătorii este mai bună decât vacanța în sine.

proverb japonez

Se apropie Anul Nou și sărbătorile de Crăciun. Asta înseamnă că secretarele vor avea doar mai multe probleme. Una dintre ele este pregătirea și distribuirea Felicitari de Anul Nou parteneri și clienți. Vă vom spune cum să creați și să trimiteți felicitări de Anul Nou folosind MS Word, Outlook și PowerPoint și să evitați greșelile comune.

CREAM O FELICITARE ÎN FORMAT MS POWERPOINT

Selectarea imaginilor. Folosind internetul, găsim mai multe imagini în formate PNG sau GIF (cel din urmă vă permite să creați animație într-o carte poștală). De exemplu, acestea (Fig. 1-4):

Deschideți o prezentare goală în MS PowerPoint fără a utiliza niciun șablon. Eliminați ferestrele Titlu diapozitiv și Subtitrare diapozitiv. Rezultatul este un tobogan complet curat.

Creați fundalul cărții poștale. Folosim una dintre imagini ca fundal. Îl introducem în câmpul de diapozitive și îl „ajustăm” la dimensiunea slide-ului (Fig. 5).

Apoi plasăm restul imaginilor pe diapozitiv și mutăm una dintre ele (cu imaginea lui Moș Crăciun) în afara câmpului principal al toboganului (Fig. 6).

Adăugarea de animație. Acum să adăugăm animație (pentru aceasta folosim imagini în format GIF). În exemplul nostru, aceasta este o poză cu Moș Crăciun. Selectați-l făcând clic, apoi pe fila Animație selectați comanda Adaugă animație, apoi - Alte căi de mișcare (Fig. 7).

În fereastra care se deschide, selectați calea de mișcare, adică traiectoria imaginii în viitoarea carte poștală. De exemplu, unda sinusoidală 1 (Fig. 8).

Slide-ul va arăta traiectoria mișcării (Fig. 9), care poate fi schimbată cu mouse-ul, ca orice imagine (reducere, mărire sau mutare). În exemplul nostru, Moș Crăciun se mișcă de la stânga la dreapta (Fig. 10). Pentru a vedea cum va arăta, apăsați butonul F5 (mod prezentare diapozitive) și faceți clic stânga pe diapozitiv. Pentru a ieși din acest mod, trebuie doar să apăsați Esc.

Adăugarea de text. Acum puteți plasa text în câmpul de diapozitive. Pentru a face acest lucru, în fila Inserare, selectați opțiunea WordArt și apoi selectați fontul care vă place (Fig. 11). În câmpul de diapozitiv va apărea un cadru pentru adăugarea de text. De asemenea, poate fi reglat cu ușurință cu mouse-ul. Acum să adăugăm animație la inscripția de felicitare. Pentru a face acest lucru, în fila Animație, selectați comanda Adăugați animație, apoi - Figura. Astfel, două obiecte se vor mișca în cartea poștală - o figurină a lui Moș Crăciun și o inscripție de felicitare.

Optimizăm vizualizarea cărților poștale.Și atingerea finală. De obicei, destinatarii cărților poștale nu știu de câte ori trebuie să facă clic pe ea (sau dacă trebuie) pentru a vedea animația. Pentru a preveni astfel de întrebări, vom seta parametrii de vizualizare în fila Animation Area (Fig. 12). Deoarece felicitarea noastră conține mai multe imagini cu animație, faceți clic dreapta pe fiecare dintre ele și selectați tipul de lansare, de exemplu Lansare după cea anterioară (Fig. 13). În acest caz, toate obiectele animate se vor deplasa fără clicuri suplimentare pe diapozitiv.

Salvăm cartea poștală. Cartea poștală ar trebui acum să fie salvată corect. Pentru a face acest lucru, specificați tipul fișierului: PowerPoint Demonstration (Fig. 14).

Navigare versiunea finală a felicitării (Fig. 15):

TRIMITEM CĂRȚI POȘTALĂ PRIN MS OUTLOOK

Aşa, felicitare gata. Acum trebuie să trimiteți felicitări. Acestea pot fi mesaje personalizate, atunci când destinatarul este singurul destinatar al mesajului, sau care trimit același tip de mesaje către mai mulți destinatari. Să ne uităm la procesul de corespondență în MS Outlook și să aflăm cum vă puteți simplifica sarcina.

Lansați MS Word(dosar gol). În fila Mailings, selectați comanda Start Merge Asistent pentru îmbinare pas cu pas (Fig. 16).

În fereastra Selectați tipul de document care se deschide, selectați tipul de document Mesaj electronic și faceți clic pe Următorul.

Deschiderea documentului (Fig. 17). Se va deschide următoarea casetă de dialog - Selectare document, în care selectăm baza pentru crearea mesajului. Deoarece avem deja MS Word deschis, îl selectăm, adică Documentul curent. Apoi faceți clic pe Următorul. Selectarea destinatarilor (Fig. 18).

Rețineți că există două coloane interesante în această listă: Sex și Titlu. Ele vă vor ajuta să vă adresați corect fiecărui destinatar al felicitărilor dvs.

Dacă lista a fost pregătită, în caseta de dialog Select Recipients, bifați caseta de lângă opțiunea Use list și, folosind comanda Browse, adăugați lista (Fig. 20).

După adăugarea unei liste de corespondență, în fereastra care se deschide, puteți ajusta lista de destinatari: bifați caseta de lângă acele intrări care ar trebui incluse în lista de corespondență (Fig. 21). După ajustarea listei de destinatari, faceți clic pe OK.

Deoarece avem un text de corespondență destul de simplu (se modifică doar salutul), în caseta de dialog Creare mesaj ne va interesa opțiunea Linie de bun venit (Fig. 22). Plasați cursorul chiar la începutul textului de e-mail și în caseta de dialog Creare mesaje, selectați opțiunea Linia de bun venit. Se deschide fereastra Insert Welcome Line.

Aici puteți vedea formatul de salut și, dacă este necesar, îl puteți ajusta, apoi faceți clic pe OK (Fig. 23).

Pentru a vedea cum va arăta textul final al e-mailului, în fereastra Creare mesaje, selectați opțiunea Următorul.

Vizualizați mesajele (Fig. 25):

Dacă în timpul vizionării găsiți neconcordanțe, acestea pot fi ușor eliminate accesând caseta de dialog Field Selection (Fig. 26).

După vizualizarea mesajului, finalizați îmbinarea făcând clic pe Următorul în fereastra Vizualizare mesaje. Finalizarea fuziunii (Fig. 27).

În fereastra Finalizare îmbinare care se deschide, selectați opțiunea E-mail (Fig. 28). Trimitem cărți poștale.

În caseta de dialog Compound Emails care se deschide, completați câmpurile Către, Subiect (Fig. 29). În secțiunea Trimiteți intrări, selectați articolul

Toate . În acest caz, scrisorile vor fi trimise tuturor destinatarilor marcați cu o bifă în listă și plasate automat în folderul „Articole trimise” din MS Outlook.

PROIECȚEM PLICURI ÎN MS WORD PENTRU DISTRIBUȚIE DE HÂRTIE

Pentru un număr mic de destinatari

În ciuda faptului că astăzi toată lumea folosește e-mailul, trimiterea de felicitări pe hârtie poate fi totuși necesară. Să vedem cum puteți automatiza munca de pregătire a plicurilor în MS Word dacă trebuie să pregătiți un număr mic de plicuri.

Făcând clic pe butonul Opțiuni, puteți ajusta fontul, locația adresei pe plic, dimensiunile plicului (Fig. 32), etc. și, de asemenea, puteți vedea cum să plasați corect plicul în tava imprimantei pentru imprimare. (Fig. 33).

Adresele sunt completate, plicul este în tava imprimantei - tot ce trebuie să faceți este să faceți clic pe Print (vezi Fig. 31), iar plicul cu adresele va fi tipărit.

Când sunt mulți destinatari Mai întâi, să pregătim o listă de destinatari. Puteți folosi aceeași listă ca și pentru mailing-uri prin e-mail

, trebuie doar să adăugați coloanele „Adresă” și „Index” (Fig. 34).

Când lista este gata, deschideți un fișier MS Word gol. Apoi, în fila Mailings, selectați comanda Start Merge, iar în lista derulantă, selectați comanda Step-by-Sp Merge Wizard (vezi Fig. 16-83). În continuare, efectuăm următorii pași:

■ Pasul 2: luați ca bază documentul Actual (vezi Fig. 18).

■ Pasul 3: Selectați Lista de utilizare (vezi Fig. 20).

■ Pasul 4: Selectați bloc de adrese (Fig. 22) - se va deschide caseta de dialog Inserare bloc de adrese (Fig. 35).

În fereastra care se deschide, ajustați parametrii elementelor de adresă. De exemplu, dacă scrisoarea este adresată unei companii și nu unei anumite persoane, trebuie să debifați caseta de lângă opțiunea Inserați numele destinatarului în . În secțiunea Previzualizare puteți vedea cum va arăta adresa de pe plic. Și folosiți săgețile pentru a derula și a vedea toate plicurile emise. Dacă totul este în ordine, faceți clic pe OK.

■ Pasul 5. Verificați din nou plicurile decorate.

■ Pasul 6. Faceţi clic pe Print.

La mulți ani 2017!

Crăciun și Anul Nou Acesta este cel mai aglomerat moment pentru agenții de marketing prin e-mail. esti plin propriile idei sau v-ați inspirat din exemplele noastre pentru a vă face e-mailurile festive? Dar înainte de a trece la discutarea despre designul e-mailurilor de Anul Nou, observăm că aceste e-mailuri pot fi împărțite în două grupuri principale:

• Vânzări
• Felicitări

Vânzări

După cum știți, e-mailurile legate de vânzări sunt e-mailuri cu o gamă largă de produse care pot fi achiziționate la un preț mai mic decât de obicei. Aceasta înseamnă că trebuie să completați o mulțime de carduri de produse. Și aici site-ul cu elementele sale inteligente vine în ajutor. Da, prima dată va trebui să muncești puțin mai mult pentru a seta totul corect.

Dar în viitor, tot ce trebuie să faceți este să introduceți pur și simplu link-uri în blocurile de elemente inteligente ale șablonului HTML de e-mail de Anul Nou. Sistemul nostru se va adăuga automat la câmpurile obligatorii toate informațiile despre produs - preț, nume etc.

Desigur, șabloanele de e-mail de Anul Nou ar trebui să fie festive; decorează-le cu imagini cu reni, Moș Crăciun sau fulgi de nea tradiționali. Prima și ultima sunt cele mai bune soluții pentru subsol și antet.

Datorită Stripo, puteți folosi aceleași elemente pentru toate e-mailurile dvs. tăind șablonul în blocuri și salvând șabloanele în biblioteca personala. Și toate campaniile tale de e-mail de iarnă vor fi concepute în stilul tău unic.

Felicitări

Oh, acesta este tipul meu preferat de buletin informativ pentru că înseamnă sinceritate, veselie, fericire și iubire fără margini.

Desigur, puteți (și chiar ar trebui!) să faceți bannere mari și strălucitoare. Cu Stripo, acest lucru este foarte ușor. Introduceți orice imagine veselă de vacanță, scrieți urări sincere clienților dvs. pe ea, „împachetați” felicitări într-un font decorativ - creați o atmosferă de Anul Nou!

Care este cel mai bun mod de a felicita clienții? Așa este: felicită-l personal. În secolul 21, trimiterea unui videoclip echivalează cu un salut personal. Care cel mai bun timp pentru aceasta? Așa este: sezonul de iarnă. Soluția ideală este să încorporați un videoclip în șablonul nostru de e-mail de Anul Nou. Din fericire, editorul nostru de cod HTML online vă permite să faceți acest lucru.

Utilizați șabloanele noastre gratuite e-mailuri pentru corespondența de Anul Nou pentru a le oferi clienților dragostea voastră și pentru a vă exprima cele mai sincere felicitări!